Earth to Rainbow Texture Maps

Texture and Mesh Interactive 3D Transformations

Introduction Rainbow Texture Map Globe Texture Map Learn to Morph Tutorial

Introduction

Swipe over the earth or tap the Animate button to watch a three dimensional globe transform into a colorful rainbow shape on the Web in 3D, with WebGL. This project loads two textures and meshes. For details see the Learn to Morph tutorial.

The rainbow texture was applied to a warped spherical shape in 3ds Max. The image for the globe texture was applied to a sphere. NASA generated the original earth map. Seven Thunder Software modified the texture map with Photoshop.

Morph Examples

See more WebGL morph examples.

Rainbow Texture Map

Rainbow Texture Map

Globe Texture Map

Earth Texture Map
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.