Building a raytracing engine with JS
summary
Builds a working 3D ray tracer in Javascript that runs in the browser, using spheres as geometry, computing intersections that return two hit points, tracing one primary ray per pixel and spawning recursive secondary rays with a user-set recursion limit to produce reflection and refraction and shadows, shows a compact implementation that compiles, discusses multisampling for soft shadows, uses a-frame for scene composition and 3d i/o for assets, and bakes ray-traced static lighting into rasterized real-time scenes.
AI-written summary · about
chapters (6)
related talks
59mYou can't do that with JavaScript!
59mYou can't do that with JavaScript!
50mIt's So Shiny! A Pure JavaScript Ray-Tracer
49mTracing Rays in Real Time
05mLightning Talk: You Too Can Have Fun with Ray Tracing!
37m3DGraphics with Threejs by Ruben Meschian (Eng) | JSConfAM19
20mEmbracing WebGPU and WebXR With Three.js
37mBuild in-browser 3D experiences with WebGL and PyScript