click on the image below to view the live page
For this site, I was tasked with using a javascript library we did not cover in class to create a site with interactive graphics. I chose to use three.js, which is a library used to make 3D web graphics using webGL.
This project uses HTML5, CSS, jQuery, three.js, and was uploaded to GitHub Pages
three.js was a challenge to learn as I have no previous background in 3D graphics or webGL. Also, due to recent updates of the library, many tutorials and guides were oudated and pieces of code suggested no longer worked. One example of this was I originally planned to construct my water plane in Blender to create waves, however three.js no longer supports directly importing Blender models. I was able to use a plane within three.js itself with a reflective water texture instead.