Learning Three.js

or WebGL for Dummies

LearningThree.js News #8: Stay Tuned With Creative 3D Demos

This is another post for Three.js News. In this eighth edition we are going to travel and dance with cubes, discover Swiss ground with points, and do some commuting with lines. We have a couple of educational viewers, one for asteroids and another, less space related but equally exact, for terrains. We will enjoy turning around with funky vertex and spinning helix. We will discover some beautiful models skillfully displayed in Three.js. We will also be able to measure and forecast happiness.

The Happy Forecast


The Happy Forecast is a beautifully made and innovative social experiment. It was created by the team at Clubhouse, an interactive design studio. In this project they measure happiness in every region and postcode of London. They did this with over a year social wellbeing research. Everything from public interactions to body language and audio factors are taken into account. You can visit their website to learn more about their cool projects

Point Cloud Viewer


The point cloud viewer experiment is amazing. It measures the exactness of land, making an accurate replica of it. They have displayed the Swiss canton of Neufchatel. You can navigate through it, keeping above ground, increasing the moving speed, flying or changing controls. The ground will materialize before your eyes.

Double Helix Spin


This fun demo was created by Thomas Hooper. The helix have a predefined motion, their trajectory is spiral and never ending. You can see them entwined as snakes each with a different color, it is a very cool effect! You can see some of Thomas very artistic projects on his website stainless vision



Fluuuu is a fun and rythmic demo created by Silvio Paganini. Silvio is a very talented developer, we featured him in previous Three.js news. In this demo, you can see cubes dancing as if to a beat. They were inspired by Conway’s game of life. You can change their size and color. Silvio did this for FLUUUID, a London creative-tech collective that converges art and technology.

Asteroid Model Viewer


This educational demo was developed by Ian Webster. We featured his Ancient Earth project, which we loved, in previous episodes. Now Ian has created an asteroid viewer with lots of models to choose from. You can see various types of asteroids; a lot of research has been put into this demo. You can even see them in wireframe mode.



Metrogram3d is a wildly interactive and creative demo by nulldesign. It is a time lapse simulation of the Tokyo metro. You can see what is happening in the web of lines in real time. It makes you feel dizzy sometimes. We can realize the pace we are living at when we commute every morning…maybe we should slow down a bit!

Cube Travelling


Cube Travelling is a very cool interactive demo created by Rauri on Codepen.io. The effect of the cubes or bars, depending on which was you see them, is fantastic. In this version, you can change the camera perspective and view. You can also toggle the colours. The motion is very fast and the effect is enthralling. In his funky vector website you can check out all the demos Rauri has developed.

Maya models converted to Three.js


This demo was created by Alex Stockdale. You can see custom Maya models and materials beautifully and skillfully converted to Three.js. You can turn around the models set on the table, zoom in to see them more closely. There is also some great shadow casting in this demo. Alex is an interactive artist, we can see that in his portfolio where he mixes code and creativity in his projects.


In this edition of Three.js News we travelled with cubes, points and lines. We discovered how happiness can be measured and forecasted in a determined region. We enjoyed dancing, spinning and converting models to Three.js. All of these projects reflect researched studies, skills and creativity, and the elliptical never ending wonderment of web 3D.