🧔 Hello World

My name is Emil. I am a programmer, passionate by coding, music, video and photography

Creating a Orrery 3D Hologram in Three.JS

The Orrery 3D Hologram from Prometheus Movie had a big visual impact on all of us. I am still thinking every day on that fantastic 3D animation and I even set that Orrery 3D Hologram as Wallpaper on my Desktop. So began my first idea to create a little Orrery animation in Three.js, not very complex, because every 3D animation eats a lot of CPU.

It's not much what I did, it looks more like a Mockup, the scene has some random particles grouped as Planets or Stars. The geometry shapes are very simple because a fine shape with lots of polygons needs more CPU power on render. First version was using THREE.CanvasRenderer but after some work on the code, adding more and more geometry objects, I had to change it into THREE.WebGLRenderer.


Here is the Orrery 3D WebGL Demo ( run only in Chrome Browser! ):
http://maran-emil.de/experiments/demo12/index.html


Orrery 3D on video:
http://www.youtube.com/watch?v=41K_Vgvcgl4