Super Mario HTML5 (Phaser 3)について
この World 1-1 は、開発者の ffx0s さんが Phaser 3 をベースに TypeScript で作成しました。ステージは Tiled マップエディタでレイアウトされ、マリオの能力は、移動、ジャンプ、巨大化、ファイア発射、スターによる無敵、土管に入るといった個別の「パワー」として作られており、アイテムを取るとオン・オフが切り替わります。
60 fps で滑らかに動作し、スコア、コイン、タイム、残機を表示するおなじみの HUD も再現されています。ゲーム開発を学んでいる方にとっても、最新のフレームワークでタイルマップ、物理ボディ、アニメーションがどのように扱われるかを知れる好例です。
操作方法
| 入力 | アクション |
|---|---|
| ← → | 移動 |
| ↑ または Space | ジャンプ |
| ↓ | しゃがむ / 土管に入る |
| Z | ファイアボールを投げる |
特徴
- Tiled マップエディタで作られ、Phaser 3 で描画される World 1-1
- モジュール式のパワーシステム:移動、ジャンプ、巨大化、ファイア、無敵、ワープ土管
- アニメーションする?ブロック、壊せるレンガ、スコアのポップアップ
- 画面上のタイマー、コインカウンター、残機表示
ヒント
- 矢印キーで移動、↑ または Space でジャンプ。フラワーを取ると Z でファイアボールを投げられます。
- HUD のタイマーに注意!ゼロになると残機が1つ減ります。
- ↓ で入れる土管を探して、地下のコイン部屋へ行こう。
