radderveloper

- 캐릭터가 움직일 때 아래와 같은 사단이 벌어지지 않도록 무한 배경을 구현해보자(배경이 잘린 상태이다.) ● 화면이 캐릭터를 따라가게 해보자 - PlayingScene.js의 create function에 코드를 추가해 화면이 캐릭터를 따라가게 해보자 create() { ... // 사용자가 보고 있는 화면이 m_player를 따라가게 한다. this.cameras.main.startFollow(this.m_player); ... } - 이해를 위해 한 가지를 미리 얘기하면 방향키를 눌러 캐릭터가 움직일 때 이는 실제 캐릭터가 그 방향으로 물리적인 움직임을 수행하는게 아니다. - 즉, 방향키를 누르면 마치 캐릭터가 움직이는 것처럼 보이지만 실제로 캐릭터는 가만히 있고 화면이 계속 움직이는 것이다.(캐릭..

● 도입 - 하나의 class(=scene)에서 함수가 실행되는 순서 - init은 constructor function을 의미한다. / 마지막인 update function은 계속 반복해서 실행된다. - 바로 이 update function에 사용자가 키보드를 눌렀을 때 player가 움직이도록 코드를 작성할 것이다. ● 움직이는 player 만들기 - PlayingScene.js에 update function을 만들어 캐릭터 움직임 관련 내용을 작성했다. import Phaser from "phaser"; import Player from "../characters/Player"; import { setBackground } from "../utils/backgroundManager"; export ..

https://github.com/weniv/phaser_youtube GitHub - weniv/phaser_youtube: 유튜브 공개용 코드 유튜브 공개용 코드. Contribute to weniv/phaser_youtube development by creating an account on GitHub. github.com - git을 이용해 위 github의 소스코드를 clone 했다. - 어차피 무료 공개 강의 범위내에 있는 사이트라 공유한다. - git 설치 후 vscode에서 터미널을 열어 아래 명령어를 차례대로 입력하자 git init --> 먼저 local repository를 만들어줘야한다. git clone https://github.com/weniv/phaser_youtube.gi..

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