Learning Three.js

or WebGL for Dummies

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

This post presents another edition of Three.js News. In this episode we have gathered some wonderful demos, web documentaries and very artistic experiences. They have all different genres but each of them show a wide range of skills.

It is inspiring to see how many great demos are out there in the 3D world. I wish I could make them fit all in one episode. But it’s okay, I’ll do my best to keep up with your creative minds.

Nightmarish Tentacles

screen shot 2015-06-05 at 11 34 41

This is demo is so cool. It was created by the imagination of Gregoire Divaret and it is fantastically twisted. It is perfect for a Halloween night! You can see the tentacles moving like snakes entwined with each other. Zoom in very close in full screen for a great fright.

Generative Tree

screen shot 2015-06-05 at 11 36 03

This is another demo developed by Gregoire Divaret. The tree grows from the beginning and expands into shape. It is beautifully designed and it has a really nice lighting. You can turn around and see it from different angles. Be sure to check out Gregoire’s website for all his cool experiences with WebGL

The Fallen of WWII

screen shot 2015-06-05 at 11 38 55

The Fallen of WWII or fallen.io is a data drive documentary about war and peace. Directed and coded by Neil Halloran it examines the human cost of the second World War. It can be watched on video through mobile, Apple TV and Chromecast. You can also watch the interactive version which allows you to pause at key moments in the video to interact with charts and numbers. This touching project is a way to remember and never forget the devastating consequences of war.

Gugelmann Galaxy

screen shot 2015-06-05 at 11 40 57

Gugelmann Galaxy is a very artistic experience created by Matthias Bernhard. This awesome demo is a great way to explore the image galaxy live in the browser with three.js. It is very educational, you can arrange the paintings by color, technique or description. Bonus points since it also has a Google cardboard version. Don’t forget to check out the blogpost to see how it was developed.

Procedural Star

screen shot 2015-06-05 at 11 42 46

Procedural Star is an excellent demo with great colors and effects. It was designed by Bruno Simon. The star is great for any space game, you can turn it around, zooming in and out and see the smooth movements it has. You can also change the parameters to customise it as much as you like. Bruno’s website is filled with other amazing projects he has worked on.

Enough

screen shot 2015-06-05 at 11 43 35

Enough is an interactive picture book created by Isaac Cohen or Cabbibo. It is a beautifully artistic and immersive adventure into a world of dreams. It makes the technology appear as if it were alive. It is wonderfully designed and it has a oneiric sense to it. In Cabbibo’s website you can see all his other creations and be amazed by his skill.

Experiment for Google IO 2015

screen shot 2015-06-05 at 11 46 03

This is a very fun and playful demo coded by Jaume Sanchez for the latest Google IO. You play with the Is and the O by clicking on them. They react, with very good physics, by jumping around. There is also an option to change the camera and look at it from different angles.

Pregoneros de Medellin

screen shot 2015-06-05 at 11 47 45

Pregoneros de Medellin is a breathtaking and very interactive street walk experience developed by Thibault Durand and his talented team. It was created using a GoPro and Javascript. You can read the post on how it was produced. In this web documentary you walk around Medellin city in Colombia and listen to the street-vendors cries, which are very traditional in the cultural Colombian landscape. You can click on each vendor to watch a video of his typical day to day life. I just loved it!

Conclusion

In this blogpost we talked about some wonderful demos and very artistic projects. We were very impressed by the rich experiences that lead to web documentaries and interesting publications. All these demos are very interactive and show the amazing things we can do with 3D on the web.

We also want to thank our readers. We love it when developers out there send us their stuff, new and creative demos that we can share.

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

Comments