Learning Three.js

or WebGL for Dummies

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

This post is part of the Three.js News series. In this episode we will see some very cool editors, we can share assets and create WebGL experiments with. They are useful, practical and easy to use; they are also a great way to start designing your own 3D models. We will take a look at some impressive demos with cute animals, multiple icons, shaders and crazy skills. All these projects are very fun to play with!


screen shot 2015-07-03 at 08 37 42

Poonya is an active community and a cool portal for sharing assets. That is, you will be able to share models, material, textures, animations and scripts with SEA3D Studio for web. An easy to use editor that allows you to create models and to share them with others. You have a wide range of tutorials to help you get started and discover all the functionalities. You can also take a look at all the projects, contributions from other developers.

Chill de lion

screen shot 2015-07-03 at 11 39 39

Beautiful demo created by Yakudoo. We saw paranoid birds in another three.js news. Now its time for the king of the jungle. You will see a very cute animation of a lion who is in desperate need of chillin’ and refreshment. It must be a very warm summer day for him. By clicking you activate the ventilation and when turning around with your mouse you make wind blow in every direction. The lion will definitely appreciate. He will actually smile.

Holy Running Cow

screen shot 2015-07-03 at 11 40 36

This is another demo done by Yakudoo. He really has a talent for creating fun animal characters! You can see a very cute cow running around. When you press and drag the scene rotates, and the cow tries to pick up the pace.

Mighty Fish

screen shot 2015-07-03 at 11 41 24

We just love Yakudoo’s demos. This one is called Mighty Fish. In it you will see a very determined fish, swimming with or against the current. Kind of Nemo’s father when he couldn’t find Nemo. You can move your mouse to change speed and direction and see how adorably funny it is.

Many Icons Using Three.js

screen shot 2015-07-03 at 11 42 27

Funky demo created by Yasunobu Ikeda in codepen.io. It shows various icons and letters that come together and turn into one, flowing in a replaying cycle. It changes color every time and it sometimes gives you the impression of being inside the Matrix. This demo was created using the Time Remap effect with Three.js and TweenMax. You can visit the Clock Maker website to see all Yasunobu’s experiences in this interactive motion lab.

Unstable Clock

screen shot 2015-07-03 at 11 42 51

This one is a captivating demo and a Chrome Experiment developed by Tomasz Slawnikowski, a freelance html developer. It measures time in an original frame. Every second is drawn according to the hour passing by. If you look a it for a while you will feel in a state of unreality, in a haze, hypnotic state. Even if it appears unstable, the clock is ticking!

Crazy Skills

screen shot 2015-07-03 at 11 43 42

Crazy Skills is a very cool project created by Panasonic. If you are a football fan you are definitely gonna enjoy it. It is an awesome presentation of football player Neymar incredible sport skills. Just in case you don’t know him, Neymar is a recognised and adored Brazilian football player who plays for FC Barcelona and is captain of the Brazilian national team. He is very talented as you can see it in this motion museum dedicated to him. There a a set of skills you can click on and see how Neymar’s avatar plays on the field.

Fiddling with shaders

screen shot 2015-07-03 at 11 48 33

Very kaleidoscopic experiment created by Chris Chua. In this demo Chris plays around with shaders in WebGL to simulate force over an area. You can click and drag your mouse around to see how a trail is designed, go faster or slower. It almost resembles a small fish in the water.

I’ll be back

screen shot 2015-07-03 at 11 45 27

Amazing project brought to us by the team at Goo Create. Here is another cinematic and life like demo inspired by the last Terminator film. The effects and sound intensify the experience and the ambiance around is purely immersive. On their website you can try out their great WebGL creation tool for ads, games and interactive experiences. Their editor is impressive by its simplicity and accessibility.


In this episode of Three.js News we discovered some great ways to create 3D models and share assets. There are vast possibilities when using great editors and tools. We discovered letters and numbers that form together in time and space. We also played with fun and lovable characters and professional football skills. We hope that you will really enjoy experimenting with all these projects.

Stay tuned for more Three.js News. See you next time