Javascript Raytracer

Generate 3D images in a web browser on your machine

By Peter Brumbach, Henry Tan, Jacob Huber

Render!

Welcome

If it wasn't apparent, this is a simple raytracer that is able to run in javascript on your web browser. Below are a couple settings that can be adjusted to change the scene above, such as adding and removing spheres as well as changing your camera. When you are ready, you can click the render button above to create your scene! (If you want to watch the raytracer at work, open the browser console)

Book that provided the basis for the algorithm (Huge Help): Ray Tracing in One Weekend

Code on Github: JavaScript Raytracer

A Different Approach: Raymarching

Camera Postion:




Make Lambertain Sphere

Make Metallic Sphere

Make Glass Sphere

World Position




Radius


Color




Delete