Building a ray tracing engine with JS
summary
A simple ray tracing engine in JavaScript is built that renders spheres, demonstrates physically correct reflections and color bleeding, and implements ray splitting for reflection and refraction. The renderer traces one ray per pixel, bounces rays until light or budget, and shows sample-count noise versus render time; performance makes real‑time ray tracing impractical in JS today. The talk compares rasterization tradeoffs and demos using a-frame plus Google Poly assets for browser VR.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:16Web 3D
- 2:23Physics of Light
- 8:37Ray Tracing
- 13:14C Code
- 16:59More difficult geometries
- 19:24Rasterization
- 21:19Seat Buffer
- 21:57Recap
- 23:29Frame
- 24:44Curated content
- 25:14Blender
- 26:04Conclusion
- 26:49Outro
