PRが出る可能性がある。

ChatGPT o3-mini-highでペロッとゲーム作ってもらった。

AIに教えてもらった話で便利そうな情報

Liquid Metal Slime Game
https://pluginpluginplugin.com/game/20250203/

このページは「Liquid Metal Slime Game」というブラウザゲームのページです。以下に主な特徴と遊び方を説明します:

ゲーム概要

  • テーマ:ChatGPT o3-mini-highがすごいらしいと聞いて実験。
  • 目的:障害物を避けながらスコアを伸ばし続ける
  • 操作:矢印キー(移動)+スペースキー(特殊アクション)
  • 開発技術:HTML5 Canvas + JavaScript

主要機能

  1. プレイヤー操作
    • 矢印キー(←↑→↓)で液体金属スライムを移動
    • スペースキーでスライムを伸縮(横幅拡大+縦幅縮小)
    • 画面端で移動制限(画面外に出ない)
  2. ゲームシステム
    • 障害物(赤い四角形)が右から左へ流れる
    • 障害物接触でライフ減少(初期3ライフ)
    • 経過時間とともに速度上昇(難易度上昇)
    • スコアは時間経過で加算(1フレーム=1ポイント)
  3. 難易度調整
    • 1秒ごとに障害物出現間隔が短縮(2000ms → 800ms)
    • 障害物移動速度が徐々に上昇
  4. ビジュアル
    • 緑色の楕円形スライム(基本サイズ50x30px)
    • 青色グラデーションの背景
    • 赤色の矩形障害物(ランダムサイズ)
  5. UI要素
    • スタート/リスタートボタン
    • リアルタイムスコア表示
    • ライフ表示(ハートマークではない数値表示)

技術的特徴

  • 衝突判定:AABB(軸並進バウンディングボックス)方式
  • ゲームループ:requestAnimationFrameを使用した滑らかな描画
  • パフォーマンス管理:障害物オブジェクトの自動削除
  • 状態管理:gameRunning/gameOverフラグによるゲーム制御

遊び方のコツ

  1. スペースキーで形状を変えて狭い隙間を通る
  2. 画面中央付近で移動し、急な障害物に対応
  3. 左側に寄りすぎない(障害物発生位置のランダム性に対応)
  4. 速度上昇後は予測移動が重要

改善可能な点

  • 楕円形と矩形の正確な衝突判定(現行は矩形近似)
  • エフェクトやサウンドの追加
  • ハイスコア記録機能
  • モバイル対応(タッチ操作)

ゲーム開始ボタンを押すとすぐにプレイが始まります。シンプルながら中毒性のあるゲームデザインで、反射神経と戦略的思考が試される作りになっています。

日曜エンジニアは一日にしてならず。

タイトルとURLをコピーしました