Welcome to Noah Ponto's Projects Page

3D Projections

In my Computer Graphics course, we learned a lot about the ways to project 3D images and scenes onto a 2D screen (a monitor, for example). With that comes a lot of math including matrices and vectors. In this project, we used HTML's Canvas 2D API to draw 3D shapes, allow for parallel and perspective projection, and allow the user to move the scene around using keys on the keyboard.

Default scene

After panning scene to the right

After zooming out of scene

Relevance to Capstone

This project was very relevant to our work in Capstone because it helped familiarize myself with more HTML, javascript, and CSS elements. During this project, I learned an incredible amount about how HTML can be used to design scenes, and how javascript can be used for real-time things including user input. It was also a very challenging project as it was one of the math-heaviest programs I have ever written. We had to do a lot of research into the different built in math functions, and how to implement them with our existing code. This is part of the spirit of Capstone - where there is a heavy reliance on being able to teach yourself new things in order to succeed in a project.