MiniMax API

清潔感のある、単一ファイルで自己完結したHTMLページ（インラインCSSとJavaScriptのみ — 外部ライブラリ、CDN、フォント、画像URLは一切禁止。すべてのテクスチャはCSSグラデーション、box-shadow、inset shadowだけで構築）として、インタラクティブでスキューモーフィックなLETTERPRESS TYPESETTING WORKBENCHを描画してください。ビューポート全体を、暖かなウォルナット材の作業台（層状のブラウン系グラデーション + repeating linear-gradientとノイズ風の影の点描による控えめな木目）で満たし、左上から1つの暖色タングステンランプで照らされているようにします。ブラシ仕上げの金属部品には柔らかなスペキュラーハイライトが入り、すべての盛り上がったオブジェクトは右下へ長く柔らかい影を落とします。左側：仕切り付きの活字ケース（California job case）を配置し、グリッドセルには小さなエンボス加工の鉛活字（文字、数字、句読点）を収めます。各活字は面取りされた金属スラッグで、表面に鏡像反転した浮き出しグリフがあります。中央：組んだ活字が蓄積されていく、開いたステッキ／ゲラトレイを配置します。完全に動作する組版フローを用意してください：(1) ユーザーが物理キーボードで入力する、または活字ケース内のグリフをクリックすると、各文字について鉛活字がそのケースセルから飛び出してステッキに落下し、歯切れのよい「clack」と微小なバウンスで着地するアニメーションを行う；(2) 活字間にあるドラッグ可能な薄い鉛のスペーサーブロックによって、ユーザーがドラッグで文字間隔／カーニングを調整でき、レイアウトがライブでリフローする；(3) ユーザーがロックアップされたフォームの上をドラッグする、回転可能なインキローラー（brayer）を用意し、盛り上がった活字面に光沢のある深いインディゴのインキ膜（移動するスペキュラーハイライトのアニメーション付き）を残す；(4) ユーザーが押す（クリック長押し、またはボタン）プルダウン式の圧盤レバーを用意し、クリーム色の簀の目紙をインキの乗ったフォームの上へ下ろして印刷する — クライマックスではレバーが跳ね戻り、刷り上がったばかりの行が紙の上に本物らしいデボス加工の活版印刷タイポグラフィとして現れます。各文字は紙へ押し込まれ、inset shadowで物理的なくぼみを表現し、インキは目に見える紙繊維の粒へわずかににじみ／フェザリングし、版面ブロックの周囲には淡い圧痕のハローが出ます。パレット：バーントアンバー、ブラッシュドブラスゴールド、暖かなクリーム／ライスペーパー系オフホワイトを主体にし、深いインディゴのインキを唯一の寒色アクセントにします。触覚的なディテールを含めてください：真鍮のつまみねじ、クォインロック、木目調ボタンのリアルな押下／アクティブ状態、すべてのトランジションに満足感のあるイージング（バネのようなcubic-bezier）。レスポンシブにし（タブレット幅まで自然に縮小）、すべての状態はvanilla JSで保持し、ユーザーが短い詩の1行を組み、インキを付け、鑑賞できる印刷物を引けるようにしてください — すべてが手仕事らしく、重厚で、儀式的に感じられ、落下、ドラッグ、圧印の物理感が外部アセットではなく動きと影で伝わる必要があります。

任意のモダンブラウザでそのまま開ける、単一で完全な自己完結HTMLファイルを作成してください。外部依存はゼロ — すべてのCSSとJavaScriptはインライン化し、外部ライブラリ、CDN、フォント、画像URLは禁止です（すべてCanvas 2Dまたはコード生成されたSVGで描画）。インタラクティブな「Brass Gear Train Workbench」を構築してください。これは埃をかぶった工学用ブループリントの卓上に描画される、スナップ組み立て式の機械ギアシミュレーターで、ユーザーが動作する歯車列を組み立て、物理的に正確な回転がチェーン全体へ波及する様子を観察できます。 コアインタラクションとシミュレーション要件： - メインステージをブループリントの製図面として描画します：深い工学ブルーの紙の上に細かなシアンのグリッド、薄い埃の膜とビネット、さらに端に沿った寸法目盛りと製図注記を入れます。 - 左側のパーツビン／サイドバーに、いくつかの異なるサイズの歯車（異なる歯数／モジュール、例：12、18、24、36、48 teeth）を用意します。ユーザーはビンから歯車をステージへドラッグし、リリース時にグリッドへスナップします。 - 各歯車は本物のインボリュート風の歯付きホイールとして真鍮色で描画する必要があります — 暖かなゴールドの本体、経年感のある銅緑のリム、アイボリーのハイライト、見えるハブ、スポーク、中心穴 — さらに金属が金属に見えるよう控えめなベベルシェーディングを加えます。 - 本物らしい噛み合い検出を実装します：配置済みの2つの歯車の中心距離が、それぞれのピッチ半径の合計（module × teeth / 2）と許容誤差内で一致したとき、自動的に噛み合い、駆動チェーンへロックされます。歯がかみ合う位置には噛み合いインジケーターを描画します。チェーンは複数の歯車へ分岐できます。 - 左下にクランクハンドホイールを視覚的かつ機械的な起点として配置します。ユーザーがクランクを回す（ドラッグで回転、またはボタン長押し）と、噛み合ったチェーン全体が順に回転します。下流の各歯車の角速度と方向は、厳密にギア比（ω_out = ω_in × N_in / N_out、各噛み合いごとに方向が反転）から計算し、接触点で歯が完全に位相ロックされたままアニメーションして、歯が見た目上重なったり互いをすり抜けたりしないようにします。 - チェーンの最後の歯車は、番号付きダイヤルゲージ上のポインター針を駆動します。針は累積ギア比から導出された実際の値を示す必要があります（計算された出力RPMと合計比をライブテキストで表示）。 - ユーザーが歯形的に噛み合えない歯車（互換性のない間隔／モジュール）を配置しようとした場合、その接合部はジャムする必要があります：赤く点滅し、不良接合部以降の伝播を停止し、小さな「tooth mismatch」警告を表示します。 - 光の筋を追加します：上部の窓からステージを斜めに横切る暖かな朝日の光束を描き、その中で漂う埃の粒子をアニメーションさせ、歯車が回るにつれて歯の上を暖かなスペキュラーのきらめきが滑るようにして、機械が目覚めつつあるように見せます。 ビジュアルとUXの磨き込み： - アートディレクション：レトロな工学手描き線画とフォトリアルな金属表現の融合 — ブループリントの細密グリッドを、真鍮、古びたブロンズ、緑青がかった青緑、アイボリーホワイトの下層に重ね、暖かなサイドライトと長く柔らかいドロップシャドウで量感と奥行きを造形します。 - 構図では、クランクが入口であることが読み取れ、駆動チェーンがフレームを斜めに横切るようにしてください。 - クランク速度、合計ギア比、出力RPM、歯車数を表示するすっきりしたHUDに加え、クランク反転、ステージのクリア、スライダーによるクランク速度調整の小さなコントロールを含めます。 - すべては滑らか（requestAnimationFrame）で、ウィンドウサイズにレスポンシブであり、インタラクティブに動き続ける必要があります — ドラッグ、スナップ、噛み合い、読み取り更新はすべてリアルタイムに反応するべきです。触覚的で、精密で、生きているように感じさせてください。