Light Maps for Earth

Earth & Atmosphere

Introduction Texture Maps Summary

Introduction

Display lighting with a light map and WebGL. Load two maps. One map textures the model. The other map provides lighting. Swipe to rotate the Eye over Earth project. Cloudy lighting doesn't move as the earth rotates.

Light maps provide a quick and uncomplicated method to display lighting. Simply load a different light map to change the lighting.

Texture Maps

The image for the light map was generated with Photoshop gradations, blur and filters.

The image for the texture map was applied to a sphere. NASA generated the original earth map. Seven Thunder Software modified the texture map with Photoshop.

Texture Maps

Sun with Clouds Light Map

Sun Light Map

Earth Texture Map

Earth Texture Map

Summary

Display lighting with a light map and WebGL. Load two maps. One map textures the model. The other map provides lighting. Swipe to rotate the Eye over Earth project. Cloudy lighting doesn't move as the earth rotates.

Light maps provide a quick and uncomplicated method to display lighting. Simply load a different light map to change the lighting.

Tags

learn to code, Web GL, 3D Programming, 3D Development, 3D Media, 3D Web, 3 D Websites, 3D Development, 3D Web Design, 3D Web Development, Web Development, free tutorials, online learning, learn coding, create 3D website, 3D Media, JavaScript, html5, html 5, Web GL, 3D rendering software, GLSL, 3D Graphics Engine, 3D rendering software, html tutorial, how to code, programming websites, learn computer programming, learn to code for free, learning coding, stem, 3D images, webgl simple example, webgl basics,
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.