Learning Three.js

or WebGL for Dummies

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

This post is about the 10th episode of Three.js News. We are very happy to share exceptional demos with you every week. In all the 3D experiences we have shared on previous episodes, we have witnessed talent, dedication and skill. Without so many creative projects we wouldn’t have been able to continue with the news. So, to celebrate this 10th edition, we are going to travel through space, time and even dimensions.

In this episode, we will explore other worlds and make musical journeys across decades and light years. We will wonder around the Parisian metro in a different light and be amazed by the simple beauty of land and stone. We will interact with the futuristic and be repelled by the terrestrial. We will learn to safeguard and preserve our cultural heritage through online 3D, and finally, take a walk through the magical woods of the imagination.

Metropolitan IO

metropolitan_io

This project by Dataveyes was made to represent the metro network of the Parisian underground. It is a Webgl data visualisation experience. It gives commuters information about the metro system, like journey times and people touching in at each station. It is dynamic and interactive. Dataveyes’ mission is to transform human data into the best user experiences.

I Want To See Other Worlds

i_want_to_see_other_worlds

I want to see other worlds by Primitive. Have you ever dreamed about traveling through space and time? If the answer is yes, then you are gonna love this demo. Primitive is a demo group with outstanding projects in their record. In this webgl demo you can see various elements floating through space. It is raw and pure at the same time. You will see transformations, visit fantastic universes and be driven through planets of the imagination

Everything Is Fashion

everything_is_fashion

Everything is fashion is a design and rhythmic demo created by Ninjadev. It is colourful, fun and its got style. You feel as if you are travelling through time with the music. You go through decades, 80’s, 90’s…etc. The transitions are impressive and keep up with the beat, great and simple effects. It is both old-school and futuristic

Light Year

lightyear

Lightyear is a very cool experience developed by Mike Lacher, Mika Chernov, Brian Moore and Chris Baker. In this awesome demo you can hear how far music hits have travelled through Space. Music waves from radio broadcasts leave Earth at the speed of light. You can scroll to move away from Earth and you will hear songs that go way back ….even 100 light years.

Bon Appetit

bon_appetit

Bon appetit is a “creeping on your skin” demo by creative coder Mario Klingemann. It will truly make you loose your appetite. It is a realistic and big slimy worm crawling on your screen. The texture is very cool and life-like. The slithering creature is in the form of a torus knot which makes it even more disturbing when it moves!

Future Citizen

future_citizen

This demo is a funky presentation of Future citizen, a studio making interactive web experiences for brands. It is creative and hypnotic. You can see the net of waves flow towards and against the letters. If you move your mouse around to trigger the effect, you will see that the interactions are pretty neat.

Kessler Syndrome

kessler_syndrome

Kessler Syndrome is a Chrome Experiment developed by Will Field. In this demo we can see the amounts of space trash that have been produced by space travel. The idea is to track some of that trash in real time. The red dots are points where the debris fly past each other at close range. In the bottom left we can fast forward to see all the potential future collisions of trash around Earth.

Red Stone

red_stone

Red Stone is a beautifully polished demo made with Goo Create. It was done by Magnus Östergren, their creative director. The scene is like a desert with some subtle wildlife on it. It has wonderful lighting and shadow casting moving around the stone. It was made with an iphone 6. This is just an example of the cool things you can do with the Goo Create tool.

Mount Rushmore

mount_rushmore

Mount Rushmore is a 3D representation of the famous national memorial in the US South Dakota state. It was created by CyArk, an organisation using digital technology to create and share 3D online libraries of the world’s cultural heritage sites. Their mission is inspiring, they want to safeguard and preserve these sites to assure their existence for future generations. Visit their website to learn more.

Way to go

way_to_go

Way to go is an interactive experience created by Vincent Morisset and his team: Philippe Lambert, Edouard Lanctot-Benoit and Caroline Robert. It is a magical walk in the woods which everybody can enjoy. It is fresh and fascinating with its wonderful animation, great old-school characters and 360° video. You can discover the world around you, interact with nature and explore your surroundings admiring the breathtaking effects.

Conclusion

In this episode we travelled far far away, through some exceptional worlds. We experienced fashion extravaganza and music playing in distant light years from Earth. Our journey took us from underground Paris to primitive and futuristic worlds. We explored possible collisions and beautiful life-like scenes. We also protected our cultural heritage and discovered, in the woods, a magical way to go.

Thank you for your contributions. Keep them coming! Stay tuned and see you next time.

Comments