Learning Three.js

or WebGL for Dummies

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

This post is about Three.js News, a fun and brief newsletter about demos in three.js. The idea is to present the new and interesting 3D creations on the web. Our goal is to keep the audience up to date and tuned with Three.js most recent developments. We will upload videos and collect information of the latest demos. Let’s take a look at this episode

In this second edition of Three.js news we have collected very creative and funky demos. Some of them were developed for both desktop and mobile phones. Some are games, some are just pure fun. Using the latest technologies, they are all a clear example of what’s possible to do with web 3D today.

Inconvergent Waves

screen shot 2015-05-26 at 10 42 57 Inconvergent waves is a nicely done demo by Anders Hoff. You can create waves by moving your mouse around. It’s like making ripples on the water. This technique is actually used as a method for generating landscapes. It’s very reactive and the movements are smooth and natural. Visit the inconvergent website to check out the developing process.

Interactive WebGL globes

screen shot 2015-05-26 at 10 57 30 Interactive WebGL globes is a great way to improve your geography skills! This very educational and fun demo is a creation of Steve Hall. You mouseover the countries that you want and turn around by clicking on the interactive globe. Don’t hesitate to read Steve’s blogpost to know more about his implementation of D3 and Three.js.

Spiral Circle

screen shot 2015-05-26 at 10 58 52

Spiral Circle is another cool demo created by Steve Hall. It is based on mbostock‚Äôs example. It is extremely hypnotic and it has kind of a disturbing texture, like the skin of a snake monster or something. You can pan to the left to divide the circle in two. Be careful, it’s alive!

Hatsune Miku

screen shot 2015-05-26 at 11 00 53

Hatsune Miku is a Three.js example demo done by takahiro. It’s a very fun demo even if takahiro is still working on improving it. This very cute blue hair girl is Japan’s sweetheart. She dances in holograms and does live concerts…yeah i’m not kidding! We are even trying to bring her to life in AR.

Race Against Oblivion

screen shot 2015-05-26 at 10 59 58

Race against oblivion or Timeshift is an original game made by Utranoir. Inspired on the story of a unique French car : The Delahaye 165, you have to race against time to save this one of a kind automobile. The presentation of the game is outstanding, it has great design, background and effects. Bonus, it can be played on both desktop and mobile!

A Particle Dream

screen shot 2015-05-26 at 11 03 05 A Particle dream is a demo created by Nop Jiarathanakul. It is one of the latest Chrome experiments. It is a wonderful simulation of particles moving smoothly around. You can choose the shape you want the particles to morph into. The music and the ambiance mix together for a very relaxing result. Oh and you can actually use Leap Motion in this demo.

Our Galactic Neighbourhood

screen shot 2015-05-26 at 11 02 06

Our Galactic Neighbourhood is another very educational demo. Developed by creative coder Charlie Hoey this demo is a simulation of the charted stars in our Galaxy. You are able to explore the stars travelling both in space and time. Have you ever wondered how the stars are like lightyears away from Earth? Or how will they be thousands of years from now? This demo is your interstellar adventure.

Conclusion

In this blogpost we reviewed some 3D demos for Three.js News. They are all very diverse. We saw games, educational projects, simulations and funky characters. What they all have in common is their creativity and the use of 3D technology on the web. Some even go further and incorporate fun control sensor like the Leap Motion device. Have fun checking out all these demos. I hope you enjoy them as much as we did.

Stay tuned for more Three.js News and see you next time.

Comments