SPECIAL CHAPTER 05 · RAY METHODS · CPU / CANVAS 2D
レイを飛ばして、形を探す。
同じシーンに対して、左は数式で交点を直接求める「解析的レイトレーシング」、右はSDFから安全な歩幅を計算する「レイマーチング（sphere tracing）」を実装。WebGL・WebGPUなしで仕組みを観察します。
01 / ANALYTIC RAY–OBJECT INTERSECTION
交点を方程式で求める
描画準備中…
02 / SDF SPHERE TRACING
距離を測って前進する
描画準備中…
実験の操作
画像をクリックすると、その画素に向かうレイの計算過程を表示します。
選んだ1本のレイを追う
画像の任意の場所をクリック。右側のSDFが各ステップで返す距離と、実際の進行距離 t を見比べられます。
初回の描画を計算中…