Tutorials

이 페이지에는 다양한 형태의 웹 게임을 효과적으로 만들기 위해 중요한 여러가지 튜토리얼들을 포함하고 있습니다.

순수 JavaScript를 사용한 2D 게임 (en-US)

이 튜토리얼을 통해 여러분은 순수 JavaScript를 활용하여 간단한 게임을 만들어볼 수 있습니다. 렌더링, 이미지 그리기, 충돌 감지하기, 동작 원리, 승리/패배 구성하기 등 게임을 만들기 위해 필요한 기본적인 요소들을 구현하기 위해 <canvas> 사용법을 배우게 될 것입니다.

Phaser를 사용한 2D 게임 (en-US)

이 튜토리얼을 통해 여러분은 위 튜토리얼과 똑같은 게임을 만들어 볼 수 있을 것 입니다. 다만 이번에는 HTML5 게임 프레임워크인 Phaser를 이용하여 만들어 볼 것입니다. 게임을 만들기 위해 필요한 기본적인 요소들을 프레임워크를 활용하여 만드는 방법을 배우게 될 것입니다.

기기 수직/수평 기능을 이용한 2D 주사위 게임 (en-US)

이 튜토리얼에서는 <canvas> 가 제공하는 충돌 감지, 모양 놓기같은 기본적인 기능을 포함한 HTML5 2D 주사위 게임을 만들어 볼 것입니다. Device Orientation 기능과 Vibration (en-US) 기능을 활용한 모바일 게임이며 the Phaser프레임워크로 만들 것입니다.

Phaser를 사용한 2D 플랫폼 게임

이 튜토리얼 시리즈는 Phaser를 사용하여 스프라이트, 충돌, 물리학, 수집품 등과 같은 기본 사항을 다루는 간단한 플랫폼 게임을 만드는 방법을 보여줍니다.