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에 애니메이션을 적용했습니다. 이때 update() 부분에 아래의 코드를 작성했었는데요. this.player.anims.play("princess_walk", true); 그냥 player가 돌아다니게만 하겠다 하시면 내버려 두셔도 되는데, 만약 약간의 리팩터링을 수행하여 많은 것들을 처리하는 플레이어 클래스를 갖게 하고 싶다면 다음과 같이 바꿔줍니다. (아! 수행하는 건... 여러분이 알아서 잘해보시면 됩니다🤪 저 이거 끝내면 또 다른 거 공부해야 돼서...ㅎ.ㅎ 큼큼) this.player.anims.play("princess_idle", true); 프로젝트에 Tiled 적용하기 이제 player도 있으니 전에 만들어 두었던 Tile..