Learning Three.js

or WebGL for Dummies

Learning Three.js News #12: Creative Demos of the Week

Hello everybody,

This post is a special edition of Three.js News. We have decided to change the format a bit. We will continue publishing the most interesting and creative 3D demos on the web. We will collect the ones that we have tweeted during the week and highlight each one. It’s more of a Newsletter kind of style. Hope you like it :)

Icosahedron Snake

screen shot 2015-08-10 at 10 43 09

Fun and twisty three.js demo by Thomas Hooper on Codepen.io. It’s a spiral snake making its way in a funky pink background.

Vortex Pair Warp

screen shot 2015-08-10 at 10 51 34

Generative net of cells from Turing pattern with gradient flow. It’s got twin vortex mouse and cool shaders. The demo is by Felix Woitzel.


screen shot 2015-08-14 at 14 22 35

This demo is a 3d platform using three.js. Work in progress by James Milner. Based on the three.js PointerLockControl example.


screen shot 2015-08-14 at 14 47 46

This demo is all about realtime audio visual animations with “good’ole 2D canvas”. Great project by Mathieu ‘p01’ Henri.


screen shot 2015-08-12 at 11 58 53

Sneakers is one of Travis Irby’s first experiments with webgl javascript framework three.js. It is interactive and it works on mobile too.

Particle Shader

screen shot 2015-08-13 at 11 00 43

Shiny shader based particles running with three.js and GLSL. Smooth and colourful demo by Philipp Wambach.

The Thing From Limbo

screen shot 2015-08-13 at 11 09 20

Cool 3d design and animation by Army Chiu for the WebDesignerPro. It’s got good use of shaders and shadows.


Okay guys, that’s all for this week. The demos featured here are all awesome projects that deserve to be recognised and shared. So don’t hesitate to check them out.

Stay tuned and see ya next time.