NOTE: This project can only be viewed on Desktop
THREE.JS COLLECTION
Project Type
Coding Exercises
Made Using
Here you'll find a collection of past projects utilizing the JavaScript framework, three.js.
Dedicated for presenting interactive 3D graphics on the web, the following is just a small sample showcasing three.js capabilities for rendering, lighting, and even animation.
Since these works are interactive, using your mouse will allow you to move the camera oriented around the 3D objects you see.
Obelisk
Our first project was dedicated to the fundamentals of 3D modeling using vectors and plane geometry to create a shape. Use the controls on the control panel to change the visual attributes of the obelisk, such as its width, height, and depth.
Luxo Bulb
In a faithful homage to Pixar's first short film, "Luxo Jr." (1986), this project demonstrates Three.js capabilities with spot lighting.
Globe
My favorite of the collection, this piece demonstrates the multimedia capabilities of three.js by mapping images onto 3D surfaces.
Bouncing Ball
One of our first exercises utilizing animation and keybindings for even more interactive works. Here you can use the specified keys to start and stop the bouncing ball, and even control the ball's range of motion.
Moving Leg
Another exercise in animation and keybindings; this time utilizing multiple objects as part of a sequence.
Last Project
