동고 팔자 상팔자

지난 포스트에 이어 이번 포스트에서는 게임 준비, 게임 오버 및 시간 텍스트를 출력을 다룹니다. 전체 목차 Phaser 및 플레이어 설정 시작, 종료 및 텍스트 설정 (현재 페이지) 적(총알) 설정 및 충돌 설정 1. 텍스트 출력 간단한 텍스트 출력 예제입니다. (10, 10) 위치에 "TEXT"를 출력합니다. 글꼴과 색상은 font, fill로 설정합니다. this.textTime = this.add.text(10, 10, "TEXT", { font: "25px Arial", fill: "#FFFFFF" }); 더 자세한 설정 방법은 아래를 참고하세요. https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Text.html Phaser 3 API..

Phaser를 이용하여 HTML5 게임을 개발해보자 Phaser를 이용한 HTML5 게임 개발하기입니다. 자세한 원리는 글에 포함하지 않았으며 코딩을 처음 접하는 분들을 위해 나름(?) 친절하게 작성하였습니다. 또한 외부 이미지 리소스를 사용하지 않고 오로지 코드로만 구현합니다. 코드를 단순히 복사하기보다는 단계별로 코드를 따라 하면서 사용 방법을 익히고 응용하면 좋을 것 같습니다. 전체 목차 Phaser 및 플레이어 설정 (현재 페이지) 시작, 종료 및 텍스트 설정 적(총알) 설정 및 충돌 설정 1. 준비 개발을 위해 IDE를 설치합니다. 여러 IDE가 있지만 VSCODE를 추천합니다. 2. Phaser 세팅 & 게임 영역 그리기 아래와 같이 html 파일을 생성 후 아래와 같이 작성합니다. 총알 피하..

Phaser : HTML5 게임을 쉽게 만들도록 도와주는 게임 프레임워크 직접 캔버스를 이용해서 만들수도 있지만 자동차 만드는데 굳이 바퀴까지 직접 만들필요가 있나? 원리만 알고 잘 만들어진 도구를 사용하는게 좋다고 생각한다. 수 많은 게임 프레임워크(혹은 엔진, 툴)들이 많은데 이를 활용하면 훨씬 효율적으로 게임을 개발할 수 있다. 위키에서 게임 엔진 목록 검색했더니 엄청 나온다. https://en.wikipedia.org/wiki/List_of_game_engines List of game engines - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search Wikipedia list article Gam..