🤯 50% Off! 700+ courses, assessments, and books

3D JavaScript Animations – three.js

Sam Deering
Share

Today, I thought I would share with you some cool 3D JavaScript Animations courtesy of three.js.

The aim of the three.js project is to create a lightweight 3D engine with a very low level of complexity; in other words, for dummies. The engine can render using < canvas >, < svg > and WebGL. The three.js engine allows developers to create mindblowing 2D and 3D animations with Canvas and WebGL, from basic cubes to advanced animations so smooth you’ll wet yourself.

My favorite three.js demos

Here are a few of my favourite three.js engine demos.

webgl_trails

webgl_terrain_dynamic

webgl_shading_physical

webgl_materials_cubemap_refraction

webgl_animation_skinning

webgl_geometries

You can see all of the examples here:

How to use it on your web stuff: https://github.com/mrdoob/three.js/

Enjoy! Thanks Mr Dooby Noob.