olds

[2] preload

#preload 흔히 프리로딩한다 하죠. 이미지를 페이지 로딩할 때 미리미리 불러와서 게임 중에 갑자기 이미지가 없다가 로딩되어 나타나게 하는 경우를 방지하기 위해서입니다. 일단 저는 지금도 충분히 어리지만 어릴 적 게임을 만들다가 프리로딩이라는 개념을 몰라서 게임 중에 계속 이미지가 로딩되지 않아서 이상하게 만들어진 적이 있습니다. 그래서 이미지 화질을 다 낮추고 그랬었죠. phaser에서의 프리로딩은 스프라이트를 업로드하는 것입니다. 여기에서 쓸 수 있는 코드들을 살펴보겠습니다. function preload() { this.load.setBaseURL('assets/'); this.load.image('sky', 'sky.png'); this.load.spritesheet('dude', 'dude...

[1] config

#틀 가장 먼저 전체적인 틀을 살펴볼 차례입니다. 가장 먼저 접할 코드는 preload(), create(), update(), render(), config 일텐데 지금부터 하나하나 살펴보도록 하겠습니다. #config 일단 이 class를 살펴보는 것도 좋을 것 같다 생각하여 넣어봤습니다. 오리엔테이션에서는 var game = new Phaser.Game(config) 로 ▼parameter를 채웠지만, 원래는 여러 parameter들을 넣을 수 있습니다. 더보기 (예를 들어 alert('hello world')에서 함수 안에 넣은 매개변수인 'hello world'같은 것들을 parameter라 부릅니다. 추가로 이때 할당된 변수값은 argument라 부릅니다) var game = new Phase..

[0] Orientation

#오리엔테이션 이 카테고리 작성자는 phaser 라이브러리를 이 글을 시작으로 처음 접해보는 중입니다. 즉 이 카테고리는 '다른 사람을 가르친다'라는 것보단 '내가 공부한다'라는 점에 취지가 맞춰져 있습니다. 글은 일상적인 부분보단 사전의 느낌으로 진행되며 계속해서 수정될 것입니다. 다소 딱딱한 분위기일 수 있습니다. #셋팅 Phaser의 경우 3.15.1 버전을 다운로드하여 사용했습니다. (2022.03.02) index.html main.js 좀 더 편하게 만들고 싶어서 https://phaser.io/tutorials/getting-started-phaser3/part5의 내용을 참조하여 js 문서를 짰습니다. var config = { type: Phaser.AUTO, width: 800, hei..