01 · 公開済みCANVAS 2D
ワイヤーフレーム
立方体の8頂点・12辺を、回転行列と透視投影で画面に描く。見えない辺も描いてしまう問題から、次の章へ。
HISTORY × MATHEMATICS × CODE
線から始まり、
GPUへつながる。
立体を線で描くには、何を計算すればよいのか。面の表裏はどう決め、隠れた面はどう消すのか。
歴史上の課題をひとつずつ解きながら、Three.jsとWebGPUの内部へ進む教科書です。
CURRICULUM
章を追って学ぶ
どの章も「当時の課題 → 数式 → 最小コード → 実験 → 限界」の順で進みます。
OVERVIEW REFERENCE
全体像を先に読む
「レンダリング技術の進化史 ― Z-bufferからThree.js、WebGPUへ」。技術の転換点を図と年表でまとめたA4・11ページの参考資料です。