Skip to Main Content
WebGL Beginner's Guide
book

WebGL Beginner's Guide

by Diego Cantor, Brandon Jones
June 2012
Beginner content levelBeginner
376 pages
8h 32m
English
Packt Publishing
Content preview from WebGL Beginner's Guide

Time for action – normal mapping in action

  1. Open the file ch10_NormalMap.html in an HTML5 browser.
    Time for action – normal mapping in action
  2. Rotate the cube to see the effect that the normal map has on how the cube is lit. Also observe how the profile of the cube has not changed. Let's examine how this effect is achieved.
  3. First, we need to add a new attribute to our vertex buffers. There are actually three vectors that are needed to calculate the tangent space coordinates that the lighting is calculated in: the normal, the tangent, and bitangent.
    Time for action – normal mapping in action

    We already know what the normal represents, so ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Programming 3D Applications with HTML5 and WebGL

Programming 3D Applications with HTML5 and WebGL

Tony Parisi

Publisher Resources

ISBN: 9781849691727Other