WebGL Scenes: Responsive Web Design Screen Shots

Earth to Rainbow Texture Maps

Texture and Mesh Interactive 3D Transformations

Introduction Rainbow Texture Map Globe Texture Map Morphing Animation Tutorial

Introduction

Swipe over the earth or tap the Animate button to watch a three dimensional globe transform into a colorful rainbow shape online with WebGL. This project loads two textures and meshes. See the Morphing Animation 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.

Rainbow Texture Map

Rainbow Texture Map

Globe Texture Map

Earth Texture Map

WebGL Morph Animation Examples

3D Graphics Run with WebGL! Read the E-Book

WebGL Scenes: Responsive Web Design

Copyright © 2015 Seven Thunder Software. All Rights Reserved.
WebGL Games E-Book Screen Shots