Grok 4.7 で何が作れる？
— 作例で見る、使えるモデルの地図

【出力条件・厳守】
1. 出力は「単一のHTMLファイル」を1つだけ。file:// でダブルクリックして即動くこと。ビルド・サーバ不要。
2. コードは省略禁止。「// 以下同様」「...(省略)」は禁止。全文を書ききる。
3. 外部アセット(画像/音声/フォント/3Dモデル)への参照は禁止。必要な素材は全てコードで生成する。
   three.js 等のライブラリも使わず、**生のWebGL2 か Canvas2D** で書くこと。
4. 起動時のコンソールエラーは0件であること。
5. 画面右上に常時HUDを出す: FPS / 現在の状態 / 主要デバッグ値。
6. 最後に「仕様チェックリスト」を表で出し、各項目に ✅ / ❌ を自己申告する(嘘の✅は最も減点される)。

【お題】V8エンジンが動く仕組みを、分解して見せる3Dの解説サイトを作れ。

部品を1つずつ見られて、実際に動くところまで作る。

必須仕様:
- V8エンジンの主要部品を**コードで生成**する(シリンダー8本・ピストン・コンロッド・クランクシャフト・カムシャフト・バルブ・フライホイール)
- 部品総数を画面に表示する(最低40個)
- 再生ボタンでエンジンが回る。ピストンが上下し、クランクが回り、バルブが開閉する。回転数スライダーで速度を変えられる
- スライダーで全部品を「爆発」させて離し、内部が見える
- 部品をクリックすると強調表示され、名称と役割の説明が右パネルに出る
- 4サイクル(吸気・圧縮・爆発・排気)を色で示し、いま何行程かを表示する
- マウスドラッグで回転、ホイールでズーム

【出力条件・厳守】
1. 出力は「単一のHTMLファイル」を1つだけ。file:// でダブルクリックして即動くこと。
2. コードは省略禁止。「// 以下同様」「...(省略)」は禁止。全文を書ききる。
3. 外部ライブラリ・CDN・Webフォント読み込み禁止（システムフォントでよい）。画像ファイル禁止＝
   図解・アイコンはCSS/SVG/絵文字で描く。
4. 起動時のコンソールエラーは0件であること。
5. 最後に「仕様チェックリスト」を表で出す（最終スライドの次の隠しスライドか、?キーで開くパネル）。
   各項目に ✅ / ❌ を自己申告する(嘘の✅は最も減点される)。

【お題】下記の【支給構成】どおりの10枚組アニメーション付きプレゼンスライドを作れ。
1920×1080の固定ステージで、紙芝居のように自動再生される解説スライドである。
デザインの質・アニメーションの気持ちよさ・情報の視覚化がそのまま採点対象になる。

必須仕様:
- ステージ: 1920×1080固定。ウィンドウサイズに合わせてtransform:scaleで等比フィットさせる。
- 再生: 初期表示に▶ボタン→クリックで自動再生開始。1枚あたり5〜8秒で自動送り。
  Space=一時停止/再開、←→=手動でスライド移動、R=最初から。画面下に進捗バーと「n / 10」表示。
- ★スライド内アニメーション: 各スライドで要素が順番にポップイン（フェード+スライド+スケール等）
  する。全要素同時出現は減点。数値は0からのカウントアップ演出、比較はバーやメーターの伸長演出を
  必ずどこかで使う。
- 文字は「読む」より「見る」大きさ（本文でも28px相当以上）。1枚に詰め込まない。
- 配色・レイアウトは自由（プロの資料に見えること。素のHTMLの見た目のままは大幅減点）。

【支給構成】（10枚・この内容と数値を過不足なく使う。文言の整形・見出し化は自由、数値の改変は禁止）
1. 表紙: タイトル「なぜ習慣化は3日で終わるのか」/サブ「行動科学で作り直す継続の仕組み」
2. 結論: 意志力ではなく「仕組み」が9割。今日から使える3つの原則を紹介する
3. 問題提起: 新年の目標が1月中に挫折する人は64%。アプリを入れても7日後の継続率は15%
4. 原因: 脳は変化に抵抗する。「大きすぎる目標→失敗→自己嫌悪→放棄」のループ図解
5. 原則①スモールステップ: 「1日1回の腕立て」から。行動のハードルを1/10にすると継続率は3.2倍
6. 原則②トリガー設計: 既存習慣に接続する（歯磨きの後に○○）。実験では定着まで平均66日
7. 原則③即時報酬: 記録・チェックマーク・連続日数。可視化だけで継続率が41%→58%に改善
8. 比較: 意志力型（挫折率82%）vs 仕組み型（挫折率31%）を対比の図で
9. 実践ロードマップ: 週1「1つだけ」→週2-4「トリガー接続」→週5以降「記録で強化」の3段階
10. まとめ+行動喚起: 3原則の再掲。「今日、1つだけ小さく始める」

- 採点用API: window.__DECK__ = { slideCount, current, goto(n), play(), pause(), playing }
  をグローバル公開。goto(n)で任意スライドの完成状態（アニメ終了後の見た目）へ飛べること。

【出力条件・厳守】
1. 出力は「単一のHTMLファイル」を1つだけ。file:// でダブルクリックして即動くこと。ビルド・サーバ不要。
2. コードは省略禁止。「// 以下同様」「...(省略)」は禁止。全文を書ききる。
3. 外部アセット(画像/音声/フォント/モデル)への参照は禁止。必要な素材は Canvas / WebAudio / コードで生成する。
4. 物理・ゲームロジックは固定タイムステップ 1/60秒 で更新し、描画と分離する(可変dtをそのまま積分するのは禁止)。フレーム落ち時はアキュムレータで補正(最大5ステップでクランプ)。
5. 乱数はseed固定のPRNG(xorshift等)。同じ入力列なら必ず同じ結果になる(決定論)。
6. 画面右上に常時HUDを出す: FPS / フレーム時間ms / 現在state / 主要デバッグ値。
7. F1キーで当たり判定(コリジョン形状・法線・接地フラグ)のデバッグ描画をトグルできる。
8. 起動時のコンソールエラーは0件であること。
9. 自動採点用に window.__GAME = { state, player, entities, step(n), reset(seed) } をグローバル公開する。
10. 最後に「仕様チェックリスト」を表で出し、各項目に ✅ / ❌ を自己申告する(嘘の✅は最も減点される)。

【お題】
(ここに各課題を貼る)

【お題】Canvas 2D のみ(WebGL・外部ライブラリ・CDN 全て禁止)で、横スクロール2Dアクションを作れ。1280x720。

必須仕様:
- プレイヤー移動: 加速度と減速度は別係数。最高速度あり。空中制御は地上の60%。
- 可変ジャンプ: ボタンを離した瞬間に上昇速度を半減。
- コヨーテタイム 80ms / ジャンプ先行入力バッファ 100ms。
- 落下速度は最大でも1フレームあたりタイル1枚を超えないよう、スイープ(連続)衝突判定で床を貫通させない。
- 衝突解決は X軸→Y軸 の分離解決。壁への貼りつき・床でのガタつきを起こさないこと。
- 一方通行床(下から通り抜け、上から乗れる。↓+ジャンプで降りられる)。
- 動く床: 乗っている間はプラットフォームの速度を継承し、離れた瞬間もその速度が残る。
- 敵2種(パトロール型 / 追尾型)。踏みつけで撃破、横接触でダメージ+ノックバック+0.8秒無敵(点滅)。
- カメラ: デッドゾーン + 進行方向の先読み(look-ahead) + スムージング。ステージ端でクランプ。
- タイルマップ3ステージ、コイン、ゴール、残機、リトライ、クリアタイム表示。
- 効果音はWebAudioで合成(ジャンプ/被弾/コイン/クリア)。