[[Programing]] > [[Phaser]] > Tutorial 01
#title(「Tutorial: Making your first Phaser game」をやってみた)
高速でサクサク開発できる、HTML5/Javascript向け2Dゲームエンジン「Phaser」のチュートリアルをやってみたメモ。Phaserの開発元であるPhotom Stormのブログに載っているヤツで、Phaserにも収録されている。
こんな感じのゲームを作る。
#ref(example_001.png)
オリジナル版は、ここにある。
http://www.photonstorm.com/phaser/tutorial-making-your-first-phaser-game
このチュートリアルを書いたのは、 Alvin Ourrad と Richard Davey。
#contents
* Phaserってナニ？ [#z7ff7bd2]
Phaserは、HTML5対応でクロスプラットフォームのWebゲーム開発フレームワーク。デスクトップとモバイルに対応、だそうな。
* 必要なもの [#j22cbfb9]
+ チュートリアルのソースと素材をダウンロードする
-- すでにPhaser本体をダウンロード済みなら、以下にある
-- phaser/resources/tutorials/02 Making your first game/
-- まだPhaser本体をダウンロードしてないなら、以下のリンクから
-- http://gametest.mobi/phaser/tutorials/02%20Making%20your%20first%20game/phaser_tutorial_02.zip
+ とってもとっても基本的なJavascriptの知識が必要
+ あと、Phaserで開発する環境を整えておくこと
--[[Phaserのはじめ方>Phaser]]を参照
* Part.1：骨組み [#j63337f1]
チュートリアルのサンプルファイルのうち、part1.htmlをエディタで開くと、こんなふうになっている。これがPhaserの基本的な骨組み。
ただし、ただの骨組みなので、ブラウザで開いても残念ながら、なにも表示されない。
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
