Texture Map for the WebGL Numbers Game

Example for the E-Book 3D Games with WebGL

Texture Map for the Numbers Game

The texture map for the Numbers Game includes a cross shaped background waterscape. Book five in the series Online 3D Media with WebGL, titled 3D Games with WebGL: Create Two Simple Games, demonstrates how to create the Numbers Game with the water background. Map the water background to the inside of a cube for a lightweight background. Book four explains how to wrap the background graphic to a cube shaped three dimensional environment.

The numbers and math symbols in the graphic provide texture mapping for individual mesh elements. The Numbers Game uses just one texture and one vertex buffer object (VBO) for multiple game entities. 3D Games with WebGL: Create Two Simple Games explains how to upload one texture and one VBO for efficient game play. Mobile phones and other devices benefit from such optimization techniques. There's no need for computationally expensive texture and VBO switches during game play.

3D Games with WebGL: Create Two Simple Games also explains how to apply texture transparency with WebGL.

3D Games with WebGL

The WebGL Globe Game and WebGL Numbers Game demonstrate optimized techniques for online three dimensional educational games.

Devices such as mobile phones benefit from optimization techniques. Techniques include an efficient method to display multiple mesh elements with one vertex buffer object (VBO) and one texture map. There's no need to switch textures or attributes during game play.

Globe Game

The first game, Globe Game, shows a globe mapped with countries of the world. However nations on the globe don't display country names. Globe Game asks players to find specific countries. Spin the globe. Find and tap on countries. Zoom in and out for details. Globe Game displays a running score and percentage during game play.

Numbers Game

The second game, Numbers Game, animates a set of digits and mathematical symbols over water. The Numbers Game presents a series of challenges one at a time. The Numbers Game asks you to form an expression which results in a specific number. Select digits and symbols to create the expression. As soon as you form an expression the next challenge displays. Try to form each expression correctly before the timer runs out.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.