Kimi API for Vision-to-Code Generation

プレイ可能なSnakeアーケードゲームの完全な単一ファイルHTMLページを作成してください。CSSとJavaScriptはすべてインライン化し、外部依存関係、CDN、画像、フォントは一切使用しないでください。盤面はcanvasに描画し、モダンなネオン・オン・ダークの配色、滑らかな移動、ヘビの後ろに残る柔らかな発光トレイルを実装してください。矢印キーとWASD操作に加えて、タッチデバイスでのスワイプジェスチャーにも対応し、現在のスコアと永続的なハイスコアを表示し、スコアが上がるにつれてゲーム速度を徐々に上げてください。エサを食べるたびに小さなパーティクルのバーストを発生させ、リスタートボタン付きのアニメーションするゲームオーバーオーバーレイを表示し、デスクトップとモバイルの両方で盤面が中央に配置され読みやすく保たれるよう、レスポンシブなレイアウトにしてください。

単一の完全に自己完結したHTMLファイル（CSSとJavaScriptはすべてインライン化し、外部依存関係、CDN、画像、Webフォントは一切なし）を作成し、インタラクティブな「生きているデジタルテラリウム」を描画してください。画面中央に置かれた密閉ガラス瓶の中に、リアルタイムで成長する自立型の小さな熱帯雨林が入っているものです。最新のブラウザーで開くと、ビルド手順なしで即座に60fpsで動作する必要があります。 コアシーンとレイアウト：構図を左右対称に中央配置し、ガラス瓶を主役のステージとして扱ってください。背景は深くビネットのかかった暗い背景（柔らかな苔の光を帯びた中心から、ほぼ黒い端へフェードするradial gradient）にし、視線がすべて瓶に集まるようにします。すべてを全画面HTML5 Canvasに描画し、その上に本物のglassmorphismのDOM/CSSクロームを重ねてください。瓶の壁には、曲面による屈折ハイライト、明るい鏡面リムライトの筋、かすかなフロスト状のぼかし、小さなレンズ効果を伴う点在した結露の水滴など、本物らしいガラスの質感を表現する必要があります。これは、重ねたradial/linear gradient、backdrop-filter blur、半透明の白いストローク、柔らかなbox-shadowで実現してください。瓶の内側の底には暗く湿ったローム土があり、ゆっくり漂うかすかなボリューメトリックな霧があります。 積み重なって共存しなければならない3つの技術レイヤー（弱いモデルと強いモデルの差が出る部分です。弱いモデルは静止画を作り、強いモデルは瓶全体を生きているようにします）： 1. 再帰的なL-system成長：つる、シダの葉、苔はL-system／再帰分岐アルゴリズムで生成し、時間の経過とともに展開する様子をアニメーションさせます。茎は伸び、枝は細分化し、シダの葉はほどけ、葉はイージング付きでスケールインします。成長は有機的で、枝ごとにわずかなランダム性（角度の揺らぎ、太さのテーパー、長さの減衰）を持たせ、リロードするたびに同じ植物が二つとないようにします。 2. パーティクルシステム：琥珀色のホタルのような光の粒（数十個）が、柔らかな加算発光と穏やかなパララックスを伴って霧の中を漂い上下に揺れます。さらに、上昇する結露／花粉の微粒子も含めてください。パーティクルは新しく成長した植物にさりげなく反応します。 3. 昼夜のライティングサイクル：連続する環境光のループで、上方からのキーライトを、冷たい白の夜明け → 暖かな黄金の夕暮れ → 深いインディゴの夜、そして再び戻るように遷移させ、シーン全体、ガラスのハイライト、霧、植物の色調をそれに合わせて再着色してください。植物には屈光性を持たせ、光の方向が移動するにつれて茎が曲がり、先端が現在の光の方向へ傾くようにします。 主要なインタラクション：瓶の壁または内部のどこかをクリックすると、クリックしたx位置のローム土へ種を1つ落とします。その種は、落下して着地し、発芽して芽になり、L-systemによって再帰的に枝分かれし、成熟すると小さく光る花を咲かせる、という完全で目に見えるライフサイクルを順に再生してください。各段階はイージングされ、はっきり読み取れるようにし、着地時には柔らかな波紋／土ぼこりのパフを出してください。複数回クリックすると複数の植物が生まれ、共存して成長を続け、テラリウムが徐々に密度の高い茂みで満たされていきます。glassmorphicなピル型ボタンで、控えめなインライン操作をいくつか含めてください（例：「Reset terrarium」と、ユーザーが時刻をスクラブできる「Day/Night: auto ⇄ drag」トグル、任意で一時停止）。「tap the glass to plant a seed」というかすかなヒント行を表示し、最初の操作後にフェードアウトさせてください。 パレットとムード：葉は森のインクグリーンと苔のような黄緑、光の粒と花は琥珀／蜂蜜色の輝き、瓶には冷たいティール系のガラス色、昼夜の移り変わりには暖かな金色と冷たいインディゴの色の広がりを使ってください。全体の印象は、静かで、呼吸していて、瞑想的なものにしてください。動きはゆっくり穏やかで、急な切り替わりは避けます。 技術要件：requestAnimationFrameとdelta-timeを使い、アニメーションがフレームレートに依存しないようにしてください。window resizeに応じてcanvasをレスポンシブにし、devicePixelRatioに正しく対応して、瓶を中央に保ってください。滑らかさを維持するため、パーティクル数や枝数には妥当な上限を設けてください。成長が自然に見えるよう、すべてのランダム性は植物ごとにseed付きにしてください。ジオメトリ、発光、ガラス、霧、ライティング、パーティクル、再帰的な植物など、すべてをコードで描画または計算し、外部アセットは一切使わないでください。保存して1つの.htmlファイルとして開ける、完全なHTMLドキュメントのみを納品してください。