GLM API for Autonomous Task Execution

完全な単一ファイルの自己完結型 HTML ドキュメントを生成してください（すべての CSS と JavaScript はインライン化し、外部依存は一切なし、CDN なし、画像 URL なし、外部フォントなし）。内容はインタラクティブな「Aurora Tuning Console」です。真夜中の極地の空をフルビューポートの WebGL 体験として描画し、オーロラは GLSL フラグメントシェーダー内でリアルタイム計算してください。スプライト、テクスチャ、パーティクルの積み重ねで見せかけることは絶対に避けてください。 コア描画要件：単一のフルスクリーンクアッドを描画し、視覚表現のすべてをフラグメントシェーダーで行ってください。オーロラは、レイヤー化されたフラクタルな value/simplex noise（fbm、4〜6 オクターブ）から手続き的に生成し、uniform の時計によって時間とともに流れ、ワープさせます。背の高い垂直の光のカーテンが呼吸し、さざめき、結び目を作り、消散していく表現にしてください。オーロラは自己発光するボリュメトリックな輝きとしてモデル化してください。垂直方向の減衰に沿って明るさを蓄積し、各カーテンの根元に柔らかな bloom を加え、暗い上空にはかすかに漂う星屑ノイズを散らします。構図はミニマルな低い地平線から見上げる視点にし、画面の約 80% を空にします。下部には暗いシルエットの山稜と、鏡のように静かな湖を配置し、オーロラと星を柔らかく波打つ上下反転コピーとして反射させます。基本パレットはほぼ黒に近いインディゴ（深い青紫の夜）とし、オーロラだけを高彩度の要素にしてください。抑制された、発光感のある、半透明の表現で、けばけばしくしないでください。 インタラクション（すべてリアルタイムで滑らか、かつ明確に反応すること）： - 空をマウスドラッグすると、光のカーテンを布のように「引っ張る」ようにしてください。ポインター位置と速度を shader uniforms に渡し、オーロラがカーソル方向へ曲がり、伸び、流れ、リリース後は穏やかな慣性で元に戻るようにします。 - マウスホイールのスクロールで「season」を循環させ、オーロラの色帯をエメラルドグリーン → マゼンタ → インディゴ（そして戻る）へ連続的に補間してください。離散的なジャンプではなく、滑らかなグラデーション変化として見せます。 - ダブルクリックすると、その空の位置に新しい星を点火してください。星は脈動（正弦波状の明るさ変化）し、湖面に対応する反射を落とします。同時に多数の星をサポートしてください。 - 読み込み時には、最初の光のカーテンがゆっくり目覚めて広がっていくような、控えめなアイドルアニメーションを維持してください。静かで、神聖で、冷たく静止した雰囲気にします。 UI と仕上げ：隅に小さく上品な半透明のコントロールオーバーレイを配置し、現在の season/color と、操作方法（drag / scroll / double-click）を示す淡い 1 行ヒントを表示してください。クリーンでモダンな寒色系の美学にし、柔らかなフェード遷移を付けます。完全にレスポンシブにしてください。ウィンドウリサイズ時には WebGL canvas をリサイズし、resolution uniforms を更新して、どのビューポートでも画面いっぱいに表示し、高 DPI 画面でも鮮明さを保ちます。requestAnimationFrame を使い、安定した 60fps を目標にしてください。WebGL が利用できない場合は、丁寧なフォールバックメッセージを表示してください。ノイズの流れの数学的品質、ボリュメトリックな輝き、インタラクションの流動性を最優先してください。ここが、有能なモデルが弱いモデルを目に見えて上回るべき部分です。

完全な単一ファイルの自己完結型 HTML ドキュメントを作成してください（すべての CSS と JavaScript を 1 ファイル内にインライン化し、外部依存は完全にゼロ — CDN なし、外部スクリプトなし、Web フォントなし、画像 URL なし、ネットワーク経由で取得する SVG アセットなし。すべての音はネイティブの Web Audio API で生成し、すべてのビジュアルは CSS と Canvas/DOM で描画すること）。任意のモダンブラウザで直接開け、1980 年代シンセウェーブネオンのビジュアル言語を持つ、プレイ可能なサイバーパンク風ステップシーケンサー・ドラムマシンとして動作させてください。 コア楽器：16 列 × 6 トラックの発光するステップマトリクスを画面横方向に配置して描画してください。各行は 1 つのボイス — キック、スネア、クローズドハイハット、オープンハイハット、クラップ、シンセベース — に対応します。96 個すべてのセルはクリック可能なパッドです。クリックするとオン/オフが切り替わり、アクティブなセルは彩度の高いマゼンタからシアンへのグローで光り、非アクティブなセルはほぼ黒のインディゴ背景上に、暗くくぼんだ長方形として表示されます。ユーザーは列ごとにセルを点灯させてビートをプログラムします。セル上をクリック＆ドラッグして、多数のセルをまとめて切り替えるペイント操作をサポートしてください。 オーディオ：すべてのドラムボイスを Web Audio API でライブ合成してください。キックは高速な振幅減衰を持つピッチスイープ正弦波、スネアとクラップはエンベロープ付きのフィルタ処理されたホワイトノイズバースト、クローズド／オープンハイハットは短い／長い減衰を持つハイパスノイズ、シンセベースは選択可能なルート音を演奏する、デチューンした saw/square をレゾナントローパスフィルタに通した音にします。単純な setInterval タイミングではなく、正確な先読みクロックでステップをスケジュールし、高速テンポでもループが盤石に保たれるようにしてください。再生中は 16 ステップパターンを連続ループします。 トランスポートとコントロールは、下部全幅に固定された左右対称のコントロールバーに配置してください。大きな Play/Stop ボタン、BPM ダイヤルまたはロータリーノブ（ドラッグ可能、範囲はおよそ 60〜200 BPM、デフォルト 120、ライブ数値表示付き）、マスターボリュームフェーダー、トラックごとのミュートボタン、Clear ボタン、もっともらしいビートを生成する Randomize ボタンを含めます。移動するプレイヘッド — 垂直の光の刃 — がグリッド上をオーディオと完全同期して掃引し、ヒットしたセルがアクティブなら、すべて放射状のリップルパルスで bloom し、フェードアウトします。マスター出力の振幅をリアルタイムで可視化し、音に反応するライブオシロスコープ／波形表示を含めてください。 ビジュアルスタイル：深いインディゴからバイオレットへのグラデーション背景にし、ほぼ黒に見えるほど暗くしてください。グリッド線と UI アクセントはエレクトリックなマゼンタとシアンにし、すべての発光は要素自身のグローとヒット時のフラッシュ bloom（box-shadow グロー、加算合成のようなハイライト）から生まれるようにして、ループに脈動する深夜のアンダーグラウンドクラブ感を演出します。全体のグリッドを画面中央に置き、コントロールバーが下部を圧縮する左右対称のレイアウトを保ち、小さなビューポートでもグリッドが自然に縮小するレスポンシブ設計にしてください。可読性を損なわない範囲で、控えめなアニメーション scanline や chromatic shimmer を雰囲気として加えてください。 インタラクション要件：すべてが即座に反応すること — パッドのクリック、BPM ノブとボリュームフェーダーのドラッグ、ミュート切り替え、スペースバーでの Play/Stop、数字キーでのベースのルート音ジャンプ。状態（どのセルがアクティブか、BPM、音量、ミュート、再生状態）はクリーンに管理し、UI とオーディオが決して同期ずれしないようにしてください。ページへの最初のインタラクションで AudioContext も unlock/resume する必要があります。オーディオとビジュアルの緻密な同期、プレイヘッドとリップルの滑らかな 60fps アニメーション、そして初期状態から本当に満足できる音楽的な結果を最優先してください。