three.js-demos

Collection of three.js demos implemented in JavaScript, primarily Vanilla framework.

Demo Descriptions and Examples:

Boilerplate:

Boilerplate code providing a simple x-y-z grid axis in three.js

boilerplate-grid.mp4

Bouncing_Ball_V1 :

Implements a bouncing ball and allows the user to change the color, wireframe, and bouncing speed. Customizability is added through the dat gui.

Bouncing.Ball.V1.mp4

Cannon_Collisions :

JavaScript program that combines three.js for 3D rendering and cannon.js for physical collisions and gravity.

Collisions.mp4

Import_Static_Models :

Method for importing 3d models in three.js in a Vanilla JS app.

This work is based on "Tyrannosarus rex (Free model)" (https://sketchfab.com/3d-models/tyrannosarus-rex-free-model-e18c433cdd1c49f8ac152348b7384037) by Joel Anderson (https://sketchfab.com/joel3d) licensed under CC-BY-NC-4.0 (http://creativecommons.org/licenses/by-nc/4.0/)

Keyboard_Input_Movment :

Uses three.js to implement a 3D sphere and allows the user to control movement with keyboard input.

Rolling.Ball.mp4

Solar System Replica :

SolarSystem.mp4

Geometric_Figures :

Collection of geometric figures implemented in three.js

Rotating Cube :

RotatingCube.mp4

Rotating Sphere :

rotating_wire_sphere.mp4