radderveloper

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..

- 강의에서는 쉬어가는 내용의 글이라는데 내가 모르는 내용이 있으면 그건 절대 쉬어가는 내용이 아니다. - 그리고 역시나 모르는 내용이 있었다. ● detail.ejs 페이지 꾸미기 (detail.ejs, 디자인은 Bootstrap에서 가져왔다.) 상세페이지 제목 : 날짜 : 임시내용입니다. 수정하기 ● list.ejs 페이지 꾸미기 ToDo list 할일 제목 : 할일 마감날짜 : 삭제 ● CSS 파일 가져오기 - CSS 파일은 보통 관습적으로 public 폴더에 보관한다. - CSS, image와 같이 자주 바뀌지 않는 static 파일들은 모두 public 폴더에 넣는다고 생각하면 된다. - public 폴더는 views 폴더 옆에 나란히 만든다.(폴더간 상하관계 없이 동일한 위치, 경로에 만들라는..

- 하필 지금 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, 원주율 등) --> 가장 큰일남