Webgl Raytracer

Live Demo

Disclaimer(s)

• It does require WebGL2
• It might not work on smartphones
• Chromium based web browsers behave the best so far
• Click the canvas for free fly camera controls
• The resolution will be scaled down if performance issues arise
• Some people like it with a low resolution and no anti aliasing

Demo

Beyond that: follow that link to see for yourself.

How To Build

Tested with: node@18 + npm@8

# only once
npm install

# watch for changes
# ---> nodemon, typescript + shader files
# and build debug version
# ---> bun.js fast debug build with inlined sourcemap (~0.1s)
# ---> type safety is NOT applied
npm run watch

# build release version
# ---> rollup.js build with minification passes and comments removal (~4.5s)
# ---> type safety is applied
npm run build-release

# build debug version
# ---> rollup.js build with inlined sourcemap (~3.5s)
# ---> type safety is applied
npm run build debug