⤎ back to posts

Earth & Three.js


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.

⤎ back to posts