phaser/original_01 の恃构爬

纳裁された乖はこの咖です。
猴近された乖はこの咖です。
phaser/original_01 へ乖く。
[[Programing]] > [[Phaser]] > オリジナル

#title(Phaserで、HTML5のオリジナルゲ〖ムを侯ってみた)

* Getaway (ゲッタウェイ - 屁舜) [#z5d75da2]

#ref(Phaser/getaway.png)

#contents

** 头び数 [#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]]

* 燎亨 [#l008a0d9]

** ドット敞 [#fc46e91e]

-[[光怠墙ドット敞エディタ EDGE∶TAKABO SOFT:http://takabosoft.com/edge]]

こんな炊じで闪いてみた。

#ref(dot_dog.png)

#ref(ghoston.png)

#ref(tileSet_x.png)

#ref(star.png)

** タイルマップ [#a22bd9af]

- [[Tiled Map Editor:http://www.mapeditor.org/]]

ドット敞を寥み圭わせて、ステ〖ジのマップを侯った

#ref(tilemap.png)

- ステ〖ジは、タイルレイヤ〖。辣は、オブジェクトレイヤ〖。
- これを、jsonファイルでエクスポ〖トする。 > [[Tiledで侯喇したTilemapのjsonファイルをphaser.jsに粕み哈む数恕 / catch.jp memo:https://www.catch.jp/wiki3/tools/phaser_and_tiled]]
- これを、jsonファイルでエクスポ〖トする。 > [[Tiledで侯喇したタイルマップjsonファイルをphaser.jsに粕み哈む数恕 / catch.jp memo:https://www.catch.jp/wiki3/tools/phaser_and_tiled]]

* コ〖ド [#j2c1ec24]

** ステ〖ジ [#ie36bb05]

- Phaserでロ〖ドすると、戎规がひとつずれる。そこで、ロ〖ドするタイルセットは、黎片に鄂球を纳裁している。

- jsonタイルマップのコ〖ドは、笆布を徊雇にした

-- Example > tilemaps > JSON map collide
-- http://examples.phaser.io/_site/view_full.html?d=tilemaps&f=map+collide.js&t=map%20collide
-- Example > tilemaps > JSON map bounce
-- http://examples.phaser.io/_site/view_full.html?d=tilemaps&f=map+bounce.js&t=map%20bounce

- ジャンプで艰る辣のコ〖ドは、笆布を徊雇にした
-- Example > tilemaps > create from object
-- http://examples.phaser.io/_site/view_full.html?d=tilemaps&f=create+from+objects.js&t=create%20from%20objects

** ステ〖ジのスクロ〖ル [#s57eef2a]

- ステ〖ジのスクロ〖ルは、camera怠墙で悸附している
- camera怠墙は、ステ〖ジの办婶だけを山绩する
-- Example > camera > basic follow
-- http://examples.phaser.io/_site/view_full.html?d=camera&f=basic+follow.js&t=basic%20follow
- で、このcameraの疤弥を极瓢弄に玻败瓢して、スクロ〖ルを山附している

** 秦肥 [#cf1481f7]

#ref(background.png)

- ゲ〖ム茶烫と票じ络きさの茶咙を蝗っている。これは、ステ〖ジ茶咙より、ずっと井さい。
- 焊宝をつないだときに、磊れ誊なくつながるようにしてある(シ〖ムレス)
- それをcameraに圭わせて败瓢
- 票箕に、TileSprite怠墙でスライドさせている。スライドした尸は、瓤滦娄に山绩される。
-- Example > tiling sprite > tilingsprite
-- http://examples.phaser.io/_site/view_full.html?d=tile%20sprites&f=tiling+sprite.js&t=tiling%20sprite