マウスを動かして視点を変更

レイトレーシング法を使った3つの色の異なる球を描画するHTMLとJavaScriptのコードを作成しました。この可視化では以下の特徴があります: 赤、緑、青の3つの球が三角形状に配置されています 球の間で光の反射が表現されており、お互いの色が反映されます マウスでドラッグすることで、シーンを様々な角度から見ることができます 2つの光源があり、影と反射を生成しています このレイトレーシングエンジンの主な機能: 光線と球体の交差計算 反射光の計算(最大3回の反射) 影の計算 フォン照明モデルによる拡散光と鏡面光の表現 トーンマッピングとガンマ補正 右クリックして他の位置にドラッグすると、球体の位置関係やそれぞれの反射の様子がよく分かります。特に球の表面には他の球の色が映り込んでいることが確認できます。