Inspiration

Our inspiration came from the mathematics department's instruction on ray tracing, highlighting the need for more educators in crucial subjects like this.

What it does

Ray Tracing 101 is a straightforward two-page website designed to teach you the fundamentals of ray tracing through informative content and interactive simulations.

How we built it

We constructed the website using basic CSS, HTML, and JavaScript, with the simulation running on a canvas. After gaining knowledge about ray tracing, albeit through a challenging experience, we utilized Three.js to code the lesson.

Challenges we faced

  • The strict time limit posed a significant challenge as we delved into a subject beyond the typical high school curriculum.
  • Our human needs which is sleep and nutrition.
  • We encountered issues with a large, 500mb library that ultimately proved unusable.
  • Resources for building ray tracing with the help of libraries were scarce, forcing us to rely heavily on self-learning and problem-solving from scratch.

Accomplishments that we're proud of

Our team significantly improved its organization compared to previous hackathons, demonstrating a stronger commitment to learning. We successfully developed a ray tracer from scratch, with the exception of indirect lighting implementation.

What we learned

Through this project, we gained valuable knowledge about ray tracing and its 3D implementation, further enriching our skillset.

What's next for Ray Tracing 101

Our next step is to tackle the challenge of indirect light calculations to finalize the ray tracer and provide a comprehensive learning experience.

Share this project:

Updates