開発プロセスの解説
本ゲームは、HTML5 CanvasとJavaScriptのピュアな技術スタックで作成されています。現代的なウェブ標準技術のみを使用し、外部エンジンに頼らずに滑らかな60FPSの動作を実現しました。
開発の裏側では、AIコーディングツール「Cursor」を活用した「Vibe Coding」スタイルを採用しています。まず「サイバーパンク風のFlappy Birdクローン」といった抽象的なコンセプトからスタートし、生成されたコードに対して「鳥の挙動をより軽快に」「パイプの色味をメカニカルに」といったフィードバックを対話的に繰り返すことで、人間とAIが共同で実装をブラッシュアップしていくプロセスを辿りました。
苦労した実装ポイント
- 当たり判定の最適化: 単純な矩形判定ではなく、鳥の丸いボディ(円形)とパイプの判定を組み合わせることで、「ギリギリで避けた」際のエフェクトや納得感を高めています。
- ジャンプの物理演算: 重力(Gravity)と上昇力(Flap)のバランスを極限まで微調整しました。中毒性のある「絶妙な難易度」を生み出すために、何度もパラメータテストを繰り返しています。
- タッチレスポンス: モバイル操作時に遅延(レイテンシ)を感じさせないよう、ポインターイベントの即時性を重視した実装を行いました。
ゲームの攻略法や仕様
tori-tobuをマスターするためのヒントを公開します:
- スコア計算: パイプの隙間を1つ通り抜けるごとにスコアが+1加算されます。
- 障害物のロジック: パイプの上下の隙間(Gap)は一定ですが、出現する高さはランダムに変化します。
- 攻略のコツ: 画面の中央よりもやや「下め」をキープするように小刻みにタップするのがコツです。先のパイプの入口を見て、早めに高度を調整しましょう。