重力反転で駆け抜けろ！ブラウザで遊べるアクションゲーム「Gravity Runner」を作りました

どんなゲーム？

走り続けるキャラクターを操作して、コインを集めながら障害物を避けるエンドレス
ランナーです。

最大の特徴は「重力反転」。ジャンプ中にもう一度タップすると、重力の方向がひっ
くり返ります。天井を走ったり、空中で何度も重力を切り替えたりしながら、障害物の隙間をすり抜けてい
きます。

操作方法

たったこれだけ。片手で遊べます。

ゲームの特徴

3つのステージ

スコアに応じて背景がガラッと変わります。障害物の色やUIのアクセントカラーまで全部切り替わります
。

1. 1
   FOREST — 深い森の夜空
2. 2
   CAVE — 紫に染まる洞窟
3. 3
   COSMOS — 宇宙空間

パワーアップアイテム

ゲーム中にランダムで出現する3種類のアイテム。

• M
  マグネット —
  近くのコインを自動で引き寄せる
• S
  シールド
  — 障害物に1回ぶつかってもダメージなし
• T
  スロー
  — ゲーム全体がスローモーションに

ライフ制

ライフは3つ。障害物にぶつかるとライフが減り、0になるとゲームオーバー。コインを100枚集
めるごとにライフが1つ回復するので、コイン集めにはスコア以上の意味があります。

スコアを共有しよう

ゲームオーバー画面の「POST TO
X」ボタンから、スコアをXに投稿できます。ハイスコアを更新したら自慢しましょう。

技術的な話

このゲームはHTMLファイル1つだけで動いています。外部ライブラリもフレームワーク
も使わず、HTML5 CanvasとVanilla JavaScriptのみで構成しています。

レトロフューチャーな見た目は、CRTスキャンライン風のオーバーレイとビネット効果で演出しています
。