phaser/tutorial_01 のバックアップソース(No.1)


[[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の基本的な骨組み。

ただし、ただの骨組みなので、ブラウザで開いても残念ながら、なにも表示されない。

トップ   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS