HTML5 게임 워크샵: JavaScript로 오락실 게임을 만들어보세요!

저는 오래전 부터 게임 개발 워크샵을 열어보고 싶었습니다. 그러던 중 드디어 몇 주 전, 바르셀로나에 있는 AdaJS의 도움으로 기회를 얻었습니다.

좋은 뉴스요? 제가 만든 자료를 인터넷에서 볼 수 있습니다! 그 자료로 혼자 학습하거나 당신 스스로 게임 개발 워크샵을 열 수 있습니다.

제 자료의 내용은 다음과 같습니다.

  • Phaser와 JavaScript 기반 게임 개발 머신 설정하기.
  • 게임에서 사용할 애셋(assets: 이미지, 오디오 파일 등) 로딩하기.
  • 애니메이션을 처리하는 스프라이트 그리기.
  • 플레이어의 키보드 입력 받아오기.
  • 물리엔진을 이용해서 움직임, 점프, 중력작용 처리하기.
  • 음향효과와 배경음악 재생하기.
  • 게임 난이도 변경하기.
  • 기타등등!

여기서 게임 결과물을 확인(플레이) 할 수 있습니다! 방향키로 캐릭터를 움직이거나 점프시키세요. 게임의 목표는 열쇠를 주워서 문을 여는 것입니다.

Platformer screenshot

집에서 워크샵을 따라해보세요

직접 워크샵을 따라하면서 게임을 만들고 싶으신가요? 부디 해보세요! 각 강의의 서두에 지침이 있습니다. 그리고 모든 단계마다 설명이 제공됩니다. 그래서 당신은 코치 없이도 스스로 워크샵을 따라할 수 있습니다.

길을 잃으면, 매 챕터 마지막에 있는 소스코드를 다운로드 해서 당신이 시도한 것과 비교해보세요. 다음 단계로 넘어가기 전에 당신이 시도한 것이 맞는지 확인할 수 있는 체크리스트도 있습니다.

당신만의 워크샵을 열어보세요

이 자료를 복제해서 당신 주변 사람들을 위해 워크샵을 열고 싶다면, 부디 그렇게 해주세요. 사람들이 생애 처음으로 게임 만드는 것을 지켜보는 것은 정말 재미있습니다. 정말 많은 영감을 받을 수 있습니다. 우리는 당신의 경험을 듣고 싶습니다!

워크샵 웹사이트에는 코치와 강의자를 위한 가이드도 포함되어 있습니다. 당신만의 게임 개발 워크샵을 진행하는데 도움이 될 것입니다.

이 글은 Belén Albeza이 쓴 HTML5 Games Workshop: Make a platformer game with JavaScript!의 한국어 번역본입니다.

작성자: ingeeKim

"누구에게나 평등하고 자유로운 웹"에 공감하는 직장인.

ingeeKim가 작성한 문서들…


댓글이 없습니다.

댓글 쓰기