- 강의에서는 쉬어가는 내용의 글이라는데 내가 모르는 내용이 있으면 그건 절대 쉬어가는 내용이 아니다. - 그리고 역시나 모르는 내용이 있었다. ● 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, 원주율 등) --> 가장 큰일남
- 방향을 약간 수정해야겠다. - 게임을 만들고 싶은 건 동일한데 이쪽에 대해서는 문외한이다 보니 게임 만들기, 게임 엔진 하면 유니티, 언리얼 엔진 이것밖에 생각이 안 나다 보니 별 의심 없이 unity를 배우려고 해버렸다. - 기존에 공부할 것도 많은데 unity, C++, C# 등등까지 공부한다면 배보다 배꼽이 더 커져버리는 상황이 되는 것이다. - 특히 나는 3D 게임보다는 2D 혹은 도트 게임을 만들고 싶은데 이를 위해 기존에 내가 가지고 있는 html, css, javascript, node.js 지식만으로도 만들 수 있는 무언가를 원했다. - 그러던 중 Phaser라는 게임 엔진을 알게 되었고 앞으로는 이것을 이용해 게임을 만드는 취미를 가져볼까 한다.
- Total
- Today
- Yesterday
- 빅데이터 분석기사
- 알고리즘
- Phaser3
- SpringBoot
- Spring Boot
- Java8
- 코테
- 메모리
- DART
- jpa
- SQL
- git
- MongoDB
- nosql
- 운영체제
- db
- OS
- API
- 자료구조
- spring
- java
- 빅데이터
- 코딩테스트
- Advanced Stream
- Stream
- Phaser
- node.js
- MySQL
- 프로그래머스
- 프로세스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |