[[Programing]] > [[Phaser]] > オリジナル
#title(Phaserで、HTML5のオリジナルゲームを作ってみた)
* Getaway (ゲッタウェイ - 逃亡) [#z5d75da2]
#ref(Phaser/getaway_screen_shot.png)
** 遊び方 [#gec14451]
強制横スクロール型ゲーム。
クリックかタップでジャンプしながら、星を集めていきます。
- デモ(PC/スマホ版) ＞ http://www.catch.jp/program/phaser/getaway/index.html
- ソースコード > https://github.com/ycatch/games-phaser-getaway
** 利用条件 [#b43143bd]
Copyright 2014 Yutaka Kachi released under MIT license.
不具合など見つけたら、[[Twitter @y_catch:https://twitter.com/y_catch]]へ連絡いただけると助かります。
* ベース [#x6640d15]
[[Phaserのゲームを改良してみた>phaser/tutorial_02]]
- レスポンシブ
- 1クリックだけで遊べる
* 素材 [#l008a0d9]
** ドット絵 [#fc46e91e]
-[[高機能ドット絵エディタ EDGE｜TAKABO SOFT:http://takabosoft.com/edge]]
こんな感じで描いてみた。
#ref(dot_dog.png)
#ref(ghoston.png)
#ref(tileSet_x.png)
** タイルマップ [#a22bd9af]
- [[Tiled Map Editor:http://www.mapeditor.org/]]
- ドット絵を組み合わせて、ステージのマップを作る
- ステージは、タイルレイヤー。星は、オブジェクトレイヤー。
- これを、jsonファイルでエクスポートする。
#ref(tilemap.png)
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
