次の手順で、高級なスライドのようなWeb教材を作ってください。

テーマ：{あなたのテーマ。例：「テスラRoadsterはどうやって飛び、どうやって逆さまに張り付くのか」}
読者：{誰が読むか、何をすでに知っているか、読んだあと何ができるようになるか}
スタイル：{例：「ネオブルータリズム」「Appleの発表会」。決まっていなければ2〜3種類提案して選ばせてください}

手順（各ステップが終わったら止まって、私の確認を待ってから次へ）：
1. まず原稿だけをMarkdownで書く。1パートで1つのことを説明する。事実と数字には出典を書き、「確認された事実」と「発表・主張にすぎないもの」を分ける。
2. 原稿を絵コンテの表にする：ページ | そのページの結論（1文） | 絵 | アニメーションで何を説明するか（なければ「なし」）。1ページに言いたいことは1つだけ。
3. 絵コンテを私が確認してから、ページを作る：
   - 1つのHTMLファイルにまとめ、外部リソースは読み込まない。オフラインでも開ける
   - 16:9で中央に拡大縮小。ホイール・矢印キー・スペースでページ送り、ホイール1回で1ページだけ進む。下部に章の名前とページ番号
   - 原理を説明するページはcanvasでアニメーションを作る。1つのアニメーションで「なぜ」に1つ答える。3〜6秒、1回再生したら止まり、もう一度再生ボタンを付ける。パラメーターの関係があるところにはドラッグできるスライダーを1つ置く
   - スタイルは参照するもの、具体的なカラーコード、フォントを明記する。アクセントカラーは3色まで、色ごとの意味は最後まで変えない
   - 使わないもの：中央寄せの大見出し＋ボタン2つの表紙、同じ幅のカード3枚並び、青紫のグラデーション、光る球、パーティクル、ぼかしながら出てくる演出、要素が順番に飛んでくる演出、絵文字アイコン、枠の中にさらに枠
   - 本文は18px以上、図の注釈は13px以上
4. 完成したら全ページのスクリーンショットを撮り（アニメーションのページは始め・途中・終わりの3枚）、文字の重なり・はみ出し・小さすぎる文字を自分で確認して、直してから渡す。コードの実行やスクリーンショットができない場合は、完成したHTMLファイルを渡して、私に1ページずつ確認するよう伝える。