Seedream 5.5 Precision Image Editing

「深淵アーカイブ解読コンソール」というタイトルの、完全で洗練された単一ファイルのインタラクティブHTMLウェブページを作成してください。最終的なHTMLドキュメントのみを出力してください。CSSとJavaScriptはすべてインラインに含めてください。外部ライブラリ、フレームワーク、フォント、画像、SVGファイル、API、CDN、ネットワークリクエストは使用せず、すべてのビジュアル要素をHTML、CSS、インラインSVG、Canvasで生成してください。 大きく半透明な機械式クラゲを中心に据えた、没入感のある深海研究ターミナルを構築してください。クラゲはレイヤー化したCanvasグラフィックによって手続き的に描画し、発光するガラス状の傘、露出した真鍮機構、可動式の内部リング、漂う粒子、アニメーションする生物発光触手を備えさせてください。クラゲはドラッグしてシミュレートされた海流を変化させられ、ポインタージェスチャー、マウスドラッグ、ホイール、タッチ入力で回転とズームができるようにしてください。その位置と動きが、周囲の粒子、触手の曲率、ノードの漂流、海流ベクトル、インターフェースの測定値に、滑らかな慣性を伴って明確に影響するようにしてください。 クラゲを中心に、正体不明生物のアーカイブを4つの明確なカテゴリーで放射状ネットワークとして配置してください。カテゴリーは「深淵の狩人」「群体生物」「生きた化石」「信号発生体」とします。各カテゴリーには複数の接続された標本ノードを含め、合計で少なくとも12件の記録を用意してください。アニメーションするフィラメントまたは触手で、各ノードを中央のクラゲに接続してください。ノードをクリックすると、手描き風の情報量豊かな標本カードを開き、手続き的に描画された刻印風の生物イラスト、分類学風メタデータ、水深、圧力、発見状況、行動メモ、波形または解剖学的詳細、閉じる操作を表示してください。カードは、スキャナーの下に物理的な研究プレートが滑り込むようにアニメーション表示し、記録ごとにプレースホルダーを繰り返すのではなく、意味のある異なる内容を持たせてください。 ユーザーが数値を入力している間も継続的に反応する、目立つソナー周波数入力欄を含めてください。有効な周波数によって、Canvasの粒子群を螺旋、リング、群れ、骨格シルエット、座標グリフなど、異なる手続き的フォーメーションへ再編成し、波形、ターミナルの読み取り値、海流の挙動を更新し、発見可能な周波数範囲で複数の隠し記録を解除できるようにしてください。無効な入力、ロック中の記録、解読成功、新たに明らかになった証拠について、明確でありながら雰囲気を損なわないフィードバックを表示してください。コンパクトな周波数履歴ログと、視覚的な解除進捗インジケーターを追加してください。便利なキーボード操作にも対応してください。ソナー入力へのフォーカス、周波数の送信またはクリア、アーカイブノードの切り替え、選択中の記録を開く操作、Escapeによるオーバーレイの終了、キーボードヘルプパネルの表示を含めてください。 ビジュアルの方向性は、深海科学ターミナル、アンティークな銅版画風ミュージアムイラスト、劣化したグリッチスキャンテクスチャを融合してください。落ち着いたインクネイビー、酸化したティール、シアングリーンの生物発光、錆びたゴールドを使用し、主な照明は冷たい青色の光、局所的なアクセントとして断続的なアンバー色の警告灯を用いてください。中央に放射状の構成を作り、側面に垂直の深度スケール、圧力目盛り、標本座標、控えめなグリッド線、スキャンバー、色ずれ、フィルムグレイン、刻印風ハッチング、ときおりデータ破損の表現を加えてください。雰囲気のある演出を保ちながら、強い階層性と読みやすいタイポグラフィを維持してください。音声を必要とせず、オーディオターミナルに着想を得た控えめな視覚パルスを追加してください。 情報量の多いレイヤー構成にしてください。上部にはミッションヘッダーとステータスストリップ、左側にはアーカイブフィルターと垂直深度ルーラー、中央にはインタラクティブなCanvasチャンバー、右側にはライブテレメトリー、海流方向、圧力、選択中の標本概要、解除状況、下部にはソナーコンソール、波形、周波数入力、キーボードヒント、イベントログを配置してください。ツールチップ、アクティブ、ホバー、フォーカス、選択中、ロック中、読み込み中、解除済みの状態を追加してください。初回起動時には、基本操作を説明し、閉じられる短いオンボーディングオーバーレイを表示してください。主要な操作は装飾的なシミュレーションではなく、すべて機能し、状態と連動するようにしてください。 幅広いデスクトップ、ノートPC、タブレット、モバイル画面でレスポンシブかつ使いやすくしてください。固定の16:9アスペクト比を適用せず、利用可能なビューポート全体を埋め、狭い幅ではパネルを適切に再配置するレスポンシブウェブページにしてください。あらゆるサイズで中央のクラゲ操作エリア、読みやすいコントロール、タッチターゲット、アクセシブルなオーバーレイを維持してください。セマンティックHTML、視認できるキーボードフォーカス状態、適切なARIAラベル、モーション低減対応、高コントラストのテキストを含めてください。 非常に高いビジュアル品質と操作の完成度を目指してください。滑らかなアニメーションループ、パフォーマンスに応じた粒子数の調整、鮮明な高DPI Canvas描画、手続き的なディテール、連携した状態遷移、適切なリサイズ処理を実現してください。Canvasを操作している間は誤ってページがスクロールしないようにしつつ、レスポンシブレイアウトで必要な場合は通常のスクロールを維持してください。 静的なモックアップ、ヒーロー部分だけのランディングページ、単純なカードグリッド、汎用的な管理ダッシュボード、固定16:9キャンバス、動画、スライドショー、スクリーンショット風の構成にはしないでください。プレースホルダーの長方形、lorem ipsum、インターフェースアイコンとしての絵文字、外部アセット、壊れたコントロール、偽のボタン、alert()ダイアログ、過剰なネオンの虹色、明るすぎる背景、読みにくい極小テキストは使用しないでください。クラゲの操作、粒子の再構成、ソナー入力、アーカイブ解除、標本カードシステム、キーボード操作、レスポンシブ動作、相互接続された状態変化を省略しないでください。

深夜の日本のラーメン店の裏厨房を舞台にした、完全で洗練された単一ファイルのインタラクティブHTML5ゲーム「ラーメン・リズム研究所」を作成してください。最終的なHTMLドキュメントのみを出力してください。CSSとJavaScriptはすべてインラインに含め、外部ライブラリ、フレームワーク、CDN、フォント、画像、音声ファイル、ネットワークリクエストは使用しないでください。ページは最新のブラウザでローカルに開いた直後から動作する必要があります。 固定16:9の画像や動画ではなく、レスポンシブなフルページウェブサイトとして設計してください。デスクトップ、タブレット、モバイル画面に自然に適応し、クリッピング、横スクロール、読みにくいテキスト、コントロールの重なりが発生しないようにしてください。セマンティックHTML、アクセシブルなラベル、明確なフォーカス状態、モーション低減対応、キーボード操作に代わる分かりやすいモバイル用コントロールを使用してください。 本当にプレイできる、1ページ完結型のリズム＆スキルゲームを構築してください。中央の作業台を主役にし、プレイヤーが生地をドラッグして伸ばし、自分自身に折り返し、素早く振る動作でラーメンの麺を形成できるようにしてください。慣性、弾性、抵抗、速度検出、麺の変形、明確な視覚フィードバックを備えた、満足感のあるポインターベースの物理挙動を実装してください。マウスとタッチにはPointer Eventsで対応してください。伸長距離、折り返しの正確さ、振る速度、リズムのタイミング、一貫性を評価し、麺の太さと品質を決定してください。静的なアイコンを動かすだけではなく、物理的に感じられる操作にしてください。 キーボードで操作する調理とトッピングのリズムを追加してください。沸騰した湯の鍋を調整するためのA/Dまたは矢印キー、麺を湯通しまたは引き上げるSpace、タイミングに合わせたトッピング操作のJ/K/Lなど、明確に表示されたキーを使用してください。同じ操作を提供するモバイルボタンも表示してください。ビートマーカー、タイミングウィンドウ、コンボフィードバック、鍋の温度、調理進行度、スープ量、トッピングの準備状態、提供操作を表示してください。ゲーム中に操作キーを押した際、ページがスクロールしないようにしてください。 左側に垂直の注文キュー、右側にアニメーションする精密器具を配置してください。各注文カードには、指定された麺の太さ、茹で加減、トッピングパターン、制限時間を記載してください。完成した丼を、太さの正確さ、茹で加減、リズムの精度、提供速度についてリアルタイムで採点してください。合計スコア、コンボ倍率、最高連続記録、カウントダウン、簡潔な結果内訳を含めてください。複数の注文にわたって一貫したゲーム状態を維持し、難易度を段階的に上げ、「開始」「ポーズ」「再起動」「遊び方」のコントロールを提供してください。 ミスは劇的で、ゲームメカニクス上も意味のあるものにしてください。伸ばしすぎたり折り方が悪かったりした麺は絡まり、茹でるタイミングを外すとスープが跳ね、ゲージが震え、警告スタンプが表示され、コンボが失われるようにしてください。茹ですぎると麺が目に見えて柔らかくなったり、色が濃くなったりするようにしてください。成功が続いた場合は、広がる雲、漫画風のスピード線、点滅する祝福の日本風スタンプ、跳ねる器具、画面全体に広がる短いインパクトアニメーションを伴う、大げさな湯気の祝賀演出を発生させてください。すべてのビジュアルはファイル内で生成するHTML、CSS、SVG、Canvasで作成してください。 日本の漫画のコマ割りと、精密な機械カットアウェイ図を組み合わせた独自のビジュアル言語を使用してください。歯車、バルブ、配管、バーナー機構の断面図、ラベル付きの測定目盛り、技術的な注釈、ハーフトーンテクスチャ、スピード線、インクの輪郭線、控えめなコミック風効果音文字を表示してください。ステンレス製の作業台は暖かなタングステン光で照らし、厨房の窓の外には藍色の雪夜を見せてください。外では雪が控えめに舞い、鍋の上では湯気が渦を巻き、液体が泡立ち、ゲージが継続的に反応し、金属表面には小さな反射が移動するようにしてください。 インターフェースを、朱色、クリームホワイト、濃いネイビーの明確に分かれたゾーンで構成してください。暖かなアンバーのハイライト、チャコール色のインク輪郭、重なり合う影、鮮明なタイポグラフィ、CSSで手続き的に生成した控えめな紙の粒子を使用してください。中央の麺アクションを主役にし、注文キューと動的な器具をその周囲で視覚的にバランスさせてください。アニメーションは詳細で滑らか、目的のあるものとし、絶え間ない視覚ノイズではなく、心地よい遷移とマイクロインタラクションを備えさせてください。 コンパクトな開始チュートリアルオーバーレイ、アトラクトモードの待機アニメーション、音声を必要とせず視覚的に再現したオーディオ風フィードバック、繰り返しプレイに十分な手続き的変化を含めてください。中核となるスコアリング、タイマー、衝突、コンボロジック、注文の進行、ポーズ状態、再起動フロー、レスポンシブレイアウト、すべてのコントロールが実際に機能することを確認してください。 静的なモックアップ、ランディングページだけのデザイン、偽のコントロール、プレースホルダーパネル、未完成のTODO、外部アセット、壊れた画像アイコン、alertベースの操作、ゲームプレイを妨げる装飾要素は作成しないでください。ウェブページを固定16:9キャンバスに制限しないでください。<!DOCTYPE html>で始まる、完全なHTMLドキュメントを1つだけ返してください。