radderveloper

- 하필 지금 phaser 홈페이지가 리빌딩중이라고 한다. - 그래서 아래의 사이트를 방문해 튜토리얼을 진행했다. https://web.archive.org/web/20230323212804/https://phaser.io/tutorials/getting-started-phaser3/part5 Phaser - A fast, fun and free open source HTML5 game framework Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games. web.archive.org ● hello world - VScode로 작업..

- IDE는 VScode 사용, extension은 Live Server 설치(난 이미 설치돼있다.) - Node 설치(16 version 필요)... 현재 내 PC에는 18.15.0 version이 있어서 다시 깔아야한다. - 18 version이면 phaser가 작동하지 않는다고 한다. - 그래서 Node v16.16.0 (LTS) version을 다운받았다. https://nodejs.org/en/blog/release/v16.16.0 Node v16.16.0 (LTS) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org

- phaser는 데스크톱, 모바일용 HTML 게임을 만드는데 사용되는 2D 게임 프레임워크이다. - phaser를 이용하면 html, css, javascript(혹은 typescript)만으로도 게임을 만들 수 있다. - phaser 코드는 WebGL 또는 HTML 요소로 렌더링된다. [phaser3 주요 개념] scene --> 화면 단위, 메이플스토리 게임의 맵 하나 단위 정도라고 생각하면 된다. asset --> 게임에서 사용하는 이미지, sprite 이미지, 오디오 등 load --> asset을 게임에서 사용할 수 있게 로드해놓는 것을 의미한다. --> load 된 asset은 어디서든 사용 가능하다. add --> load 된 asset을 scene에 추가하는 명령어 physics --> ..

- 인프런에 마침 Phaser를 이용한 Vampire Survivors 게임 클론 강의가 있어서 우선 이것으로 기본기를 닦아보고자 한다. - 공식문서를 참고하며 직접 따라가보면 best 겠지만 좋은 강의가 이미 있으니 더 효율적으로 해보고자 한다. - 한 때 Vampire Survivors에 미쳐서 했었는데 요즘은 잘 안 한다. - 해당 강의를 따라가기 위해서는 아래의 준비 정도가 미리 돼있어야 한다. - ES6 이상의 JS 문법 - node.js(node 환경에서 게임을 만든다고 한다.) - 수학적 지식(sin, cos, tan, 원주율 등) --> 가장 큰일남