sprout-guard

「萌芽小院（Sprout & Guard）」は、純粋な静的ファイルで動作する植物タワーディフェンスのWebゲームです。クリーミーな絵本風のグラフィックで、プレイヤーは太陽光を集め、植物を植えて、5行×9列の庭を守ります。プロジェクトには2つの独立して選択可能なステージがあります。「晴日小院」は3波の攻撃を含み、基本プレイに慣れるのに適しています。「落日花园」は4波の攻撃を含み、さらに障害物、鉄バケツ、快速ゾンビなどのより強力なチャレンジが追加されています。 ゲームには、ヒマワリ、ピーシューター、ウォールナット、アイスピーシューター、チェリーボムの5種類の植物が含まれており、それぞれ異なる太陽光コストと効果を持っています。プレイヤーは太陽光をクリックしてリソースを獲得し、植物カードを選択して植え、クールダウン、除去、および各行に1回使用可能なカートのメカニズムを活用してゾンビの攻撃に対応します。 プロジェクトはPCのマウス操作とキーボードショートカット（1～5で植物選択、6でシャベル選択、スペースで一時停止、Escで選択解除）に対応し、スマートフォンやタブレット向けには横画面の没入型レイアウトを提供し、自動フルスクリーンへの移行も試みています。クリア記録とサウンド設定はブラウザのローカルストレージに保存されます。 このゲームは、サードパーティの実行依存、外部素材リクエスト、バックエンドサービスが一切なく、ファイルが揃っていればオフライン環境でもローカルHTTPサーバーを介して実行可能です。ブラウザのES Modulesを使用しているため、index.htmlを直接ダブルクリックして開くことはできず、静的サーバー（例：python -m http.server 8000）を起動してからアクセスする必要があります。プロジェクトはビルド手順なしでGitHub Pagesに直接デプロイすることも可能です。 コード構造は明確で、index.htmlがページ構造を担当し、style.cssが絵本風のインターフェースと横画面対応を処理し、main.jsがインタラクション、アニメーション、サウンドを管理し、engine.jsが植物、ゾンビ、ウェーブ、勝敗ルールを実装し、art.jsがCanvas上のキャラクターとシーンの描画を担当します。