It is a three.js extension to display planets based on the data from planetpixelemporium. It is a cool site, go check it out. It provides all the planets from the solar system. As a cherry on the cake, it has a 'atmosphere material'. It is released under MIT license. Here is some demos to show off
- earth demo and check its source. It display a nice earth with cloud and even the moon.
- select demo and check its source. Display all the planets available
- atmospherematerial demo
and check its
source. a simple demo to show
THREEx.createAtmosphereMaterial()
- basic demo and check its source. Good for educational purpose
You can install it manually or with
bower.
for the manual version, first include threex.planets.js
with the usual
<script src='threex.planets.js'></script>
or with bower you type the following to install the package.
bower install -s threex.planets=https://github.com/jeromeetienne/threex.planets/archive/master.zip
then you add that in your html
<script src="bower_components/threex.planets/threex.planets.js"></script>
to create uranus with its ring
var mesh = THREEx.Planets.createUranus()
scene.add(mesh)
var mesh = THREEx.Planets.createUranusRing()
scene.add(mesh)
to create the earth plus the clouds moving around
var mesh = THREEx.Planets.createEarth()
scene.add(mesh)
var mesh = THREEx.Planets.createEarthCloud()
scene.add(mesh)
updateFcts.push(function(delta, now){
mesh.rotation.y += 1/8 * delta;
})
Here is the list of all the functions.
They all return a THREE.Object3d
.
You can tune it to fit your need
THREEx.Planets.createSun()
return the mesh of the SunTHREEx.Planets.createMercury()
return the mesh of MercuryTHREEx.Planets.createVenus()
return the mesh of VenusTHREEx.Planets.createMoon()
return the mesh of the MoonTHREEx.Planets.createEarth()
return the mesh of the EarthTHREEx.Planets.createEarthCloud()
return the mesh of the Earth CloudTHREEx.Planets.createMars()
return the mesh of MarsTHREEx.Planets.createJupiter()
return the mesh of JupiterTHREEx.Planets.createSaturn()
return the mesh of SaturnTHREEx.Planets.createSaturnRing()
return the mesh of Saturn's ringTHREEx.Planets.createUranus()
return the mesh of UranusTHREEx.Planets.createUranusRing()
return the mesh of Uranus's ringTHREEx.Planets.createNeptune()
return the mesh of NeptuneTHREEx.Planets.createPluto()
return the mesh of PlutoTHREEx.Planets.createStarfield()
return the mesh of a starfield environmental sphere