구글 서치 콘솔은 해당 블로그의 게시글을 웹 사이트에서 검색할 수 있도록 하는 시스템으로 최대한 블로그를 노출시키기 위해 꼭 필요한 과정입니다. 저도 까먹고 안 했다가 블로그 유입 수가 적길래... 얼마 전에 했습니다.😏 구글 서치 콘솔 등록하는 방법 Tistory 로그인 후 블로그 관리 홈에서 플러그인을 클릭하고 구글 서치콘솔을 불러옵니다. 구글 서치콘솔을 클릭하면 다음의 화면이 뜹니다. 설정 방법은 간단하게 세 가지로 구분되어 있습니다. 1 계정 연결하기로 서치콘솔을 사용할 구글 계정에 로그인해 주세요. 2 블로그 등록 및 사이트맵 제출을 위해 권한 요청에 '허용'을 클릭해 주세요. 3 화면 오른쪽 아래의 '적용' 버튼을 누르시면 모든 설정이 완료됩니다. 우선 계정 연결하기를 클릭합니다. 구글 계정으..
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); ..
