Posts [Phaser] 자바스크립트로 게임 개발 도전해 보기
Post
Cancel

[Phaser] 자바스크립트로 게임 개발 도전해 보기

[Phaser] 자바스크립트로 게임 개발 도전해 보기


요즘 온라인상에서 핫한 Vampire Survivors라는 게임을 들어보셨나요?

이 게임이 JavaScript로 만들어졌다는 소식을 들었을 때 많이 놀랐었는데요,

패치 노트를 보면 무려 webpack과 package.json을 볼 수 있습니다. (패치 노트)

게임 개발이라 하면 3D 게임 엔진 정도만 떠올렸지, 자바스크립트로 만들어 볼 생각을 쉽게 하지 못했습니다. 저 자신한테 약간 부끄러워지는 순간이기도 했습니다. 아직 모르는 것이 정말 많구나…😭😭

더 알아보니, 자바스크립트 기반의 게임 엔진은 그 종류가 다양했습니다. 잘 정리된 링크를 아래에 첨부합니다.

9 Top JS Gaming Engines and Libraries for 2020

그 중에서도 위에서 언급했던 Vampire Survivors가 채택한 Phaser에 흥미가 생겼고, 한 번 게임엔진으로 직접 게임을 만들어 보면 어떨까? 하는 생각에서 이 포스팅을 시작했습니다.


Phaser

Phaser 공식 홈페이지(https://phaser.io/)에 들어가면 가장 먼저 볼 수 있는 문구입니다. (GitHub 링크]

“Desktop and Mobile HTML5 game framework” - A fast, free and fun open source framework for Canvas and WebGL powered browser games.

위 소개글을 통해 Phaser는 WebGL & Canvas 기반으로 구성된 프레임워크임을 알 수 있습니다.

WebGL은 간략하게 말하자면 HTML의 canvas상에 2D 뿐만 아니라 3D 렌더링을 가능하게 해 주는 JavaScript API 입니다. 별도의 플러그인이 필요 없이 웹 표준으로 지정되어 자유롭게 사용할 수 있습니다. (관련 링크 : WebGL MDN docs)

[TypeScript] 타입스크립트 Utility types (2) - Partial, Required, Record

-