Phaserで、HTML5のオリジナルゲームを作ってみた

https://www.catch.jp:443/wiki/index.php?phaser%2Foriginal_01

Programing > Phaser > オリジナル

Getaway (ゲッタウェイ - 逃亡)

getaway.png

遊び方

強制横スクロール型ゲーム。

クリックかタップでジャンプしながら、星を集めていきます。

利用条件

Copyright 2014 Yutaka Kachi released under MIT license.

不具合など見つけたら、Twitter @y_catchへ連絡いただけると助かります。

ベース

素材

ドット絵

こんな感じで描いてみた。

dot_dog.png
ghoston.png
tileSet_x.png
star.png

タイルマップ

ドット絵を組み合わせて、ステージのマップを作った

tilemap.png

コード

ステージ

  • Phaserでロードすると、番号がひとつずれる。そこで、ロードするタイルセットは、先頭に空白を追加している。
  • jsonタイルマップのコードは、以下を参考にした

ステージのスクロール

背景

background.png
  • ゲーム画面と同じ大きさの画像を使っている。これは、ステージ画像より、ずっと小さい。
  • 左右をつないだときに、切れ目なくつながるようにしてある(シームレス)
  • それをcameraに合わせて移動
  • 同時に、TileSprite機能でスライドさせている。スライドした分は、反対側に表示される。

  トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
添付ファイル: filebackground.png 1357件 [詳細] filestar.png 1478件 [詳細] filetilemap.png 1311件 [詳細] filetileSet_x.png 1368件 [詳細] fileghoston.png 1505件 [詳細] filedot_dog.png 1482件 [詳細]
Last-modified: 2017-09-29 (金) 23:06:17 (1049d)