spectrum learns to dig

pocketC.H.I.P을 너무 사고 싶은데 가격도 오르고 배송도 압박이어서 안사려는 마음으로 pico-8을 질렀(?)다. 감사합니다. HumbleBundle. 새로운 장난감을 얻었으니 손가락을 단련하자. 부팅 후 처음 접하는 화면은 콘솔 상태. HELP를 보자 load <filename> save <filename> run resume shutdown reboot install_demos dir cd <dirname> mkdir <dirname> cd .. keyconfig splore 명령어들이 나오는데 나머지는 뭐 뻔한 거니 설명이 필요없고 splore는 포럼( http://www.lexaloffle.com/bbs/?cat=7  - 근데 forum/community/bbs 뭐가 맞는거? 용어 통일이 안되있네)에 올라온 게임들을 살펴볼 수 있는 명령인데 s만치고 엔터쳐도 된다. 오호 꿀! 여기에 있는 게임만 다 해보는 것도 일이겠다. 엄청 많다. ESC 로 커맨드라인과 개발환경을 전환할 수 있다. 개발환경모드는 이런 식으로 구성. 오른쪽 상단은 순서대로 코드에디터-스프라이트에디터-맵에디터-SFX에디터-뮤직에디터이고 ALT+좌우화살표키로 이동가능하다. 코드에디터 하단왼쪽은 LINE 현재커서위치라인/전체라인수. 오른쪽은 토큰숫자인데 명령어 하나당 하나씩 증가하고 8192. 즉 8k까지 쓸 수 있다. 핑거댄스니까 단축키 위주로 정리 CMD(CTRL)+C,X,V (copy, cut, paste) CMD(CTRL)+Z,Y (undo, redo) CMD(CTRL)+F,G (find, next) CMD(CTRL)+UP, DOWN (top, end) CMD(CTRL)+LEFT, RIGHT (word 간 이동) ALT+UP,DOWN (function간 이동) CMD(CTRL)+D (줄 복사) TAB, SHIFT+TAB (indent, un-in...

결과물은 여기에 http://jsbin.com/wuhega/edit?js,output Reactive Programming 의 장점+효용이 극대화되는 분야는 아무래도 게임이지 않을까 싶어서 짬을 내어 RxJS로 슈팅게임을 만들고 있다. 배경+플레이어+총알:  https://jsbin.com/worewow/edit?js,output 1+적+폭파에니메이션:  https://jsbin.com/modedic/edit?js,output 2+coffee+적 움직임등 :  https://jsbin.com/yobuka/ 대략, 이런 흐름으로 살을 조금씩 붙여가면서 올리고 있는데 어느정도 튜토리얼을 만들려는 생각으로 ECMA6를 가지고 시작을 했지만 {}, (), [] 괄호노동을 통한 손목터널증후근과 코딩하는 시간 만큼 쌍 맞추는 시간이 소모되는 자신을 발견하고 개인의 행복을 위해(...) 다시 coffeescript로 바꿔서 진행하고 있다. 살 것 같다. 아효. 아마도 곧 합쳐질 것 같지만 어느정도 내용물이 만들어졌으니 이것들을 감싸는 껍데기를 어떻게 만들지 코드를 짜면서 고민해보았다. 일단 크게 나누어 보기를 Splash Scene - 한번만 노출. 게임명과 제작자에 대해 알리는 화면 Title Scene - 게임시작을 위해 대기하는 화면 Game Scene - 실제 게임 화면 GameOver Scene - 게임을 더 이상할 수 없는 상황. 이정도로 잡고 1>2>3>4>2>... 의 반복 구조로 설계를 해보기로 했다. 아무런 레퍼런스도 없고 검색해 본 것도 없어서 매우 삽질이 예상되지만 그래도 FRP(Functional Reactive Programming)원칙에 충실하려고 노력했다. 먼저, 화면을 준비한다. 'use strict' ### setup canvas ### c = document.createElement 'canvas' ...