JavaScript Raytracer High-quality graphics in an HTML canvas

See The Project

JavaScript Raytracer

Project Description

This project is a ray tracer which is written entirely in JavaScript. I made this because I had taken a class on graphics programming via edX where I learned to make a ray tracer in C++. I then decided to harness the power of the browser to see if I could implement the same thing using the HTML canvas and JavaScript.

Currently, the program will only render the scene that is hard-coded into the source code and does not have any UI elements. When I am experimenting with project, I generally will simply issue commands through a JavaScript console in the browser. Features within the ray tracer that have been implemented include Lambertian and Phong lighting, accurate shadows and reflections. It also includes the capability to render a normal map and dot product map of the scene.

This project does utilize any external libraries and was created entirely from scratch.

Selected Sources

Source Code

null;