Earth & Three.js

2022-01-04

Just a small experiment with three.js and a globe. Learned a lot from this blog post.

First is just a simplified SphereGeometry with a WireframeGeometry overlayed as a child of the spherical mesh.

Second we use loadTexture along with the MeshBasicMaterial.

The simplified sphere is fun but doesn’t really look like a globe. Adding more vertices to the SphereGeometry gives us a more realistic view. Note the increased complexity of the mesh.

Finally some rotation using mesh.rotation.y and an animation function that fires every redraw of the canvas.

And on an axis of 23.4 degrees.