파견 근무 나가면서... 태어나서 처음 Mac을 쓰게 되었습니다. 한평생 Windows만 썼던 저에게 Mac은 굉장히 뭐랄까... 어렵네요🥺 아마 이 아이한테 적응하려면 한 달은 필요할 것 같습니다.(인생...🙄) Homebrew란 무엇일까요? 개발을 하거나 터미널 또는 쉘을 사용하다 보면 프로그램을 설치하기 위해 Package Management를 사용합니다. 패키지 관리자는 프로그램을 손쉽게 설치하는 프로그램이라고 보시면 됩니다. 리눅스에선 주로 yum이나 apt/apt-get을 사용하는데요, Mac에선 Homebrew라는 패키지 관리자를 사용합니다. brew 설치하기 검색창에 Homebrew라고 검색하거나 아래의 링크를 클릭합니다. https://brew.sh/index_ko Homebrew The..
player가 움직이는지 여부에 따라 애니메이션 전환하기 이전 포스팅에서 player를 MainScene.js에서 분리시켰습니다. player가 충돌체에 충돌할 수 있게 수정하기 전에 player가 움직이는지 여부에 따라 애니메이션을 전환하도록 만들어주겠습니다. Player.js 파일 update()에 다음의 코드를 추가합니다. if (Math.abs(this.velocity.x) > 0.1 || Math.abs(this.velocity.y) > 0.1) { this.anims.play("princess_walk", true); } else { this.anims.play("princess_idle", true); } 움직임이 0.1보다 크면 걷기 애니메이션을 재생하고 아니면 서 있는 애니메이션을 재생합..
MainScene.js에서 player 분리하기 이전 포스팅에서 player가 충돌은 감지하지만, 충돌하는 순간 빙글빙글 돌아버리는 것을 확인할 수 있었습니다. 그것을 고치기 전에 일단 player를 MainScene.js에서 분리시키겠습니다. js 폴더에 Player.js 파일을 생성합니다. Player.js 파일 constructor 코드 작성하기 Player.js 파일에 Player라는 클래스가 Phaser.Physics.Matter.Sprite를 확장할 수 있도록 코드를 작성합니다. export default class Player extends Phaser.Physics.Matter.Sprite { } 이후 생성자를 만들어주고, 괄호 안에 data라고 작성합니다. export default cl..
Layer 하나 더 쌓기 이전 포스팅에서 Layer 하나만 보이게 하고 player가 움직일 수 있게 했습니다. 이번엔 Layer 하나를 더 쌓아서 나무 등과 같은 object들도 map에 보일 수 있게 해 보겠습니다. 아! 이전에 Tiled로 만들어 놓고 export 해서 JSON 파일로 내보내기 하셨어야지 Layer 하나 더 쌓기가 가능합니다💁 MainScene.js 파일의 create()에 코드 추가하기 저는 Tiled에서 Layer를 추가할 때 이름을 "Tile Layer 2"로 했습니다. 이제 Tile Layer 1을 생성했던 방식과 동일하게 Tile Layer 2도 추가해 줍니다. const layer2 = map.createLayer("Tile Layer 2", tileset, 0, 0); ..
