Texture Map for the WebGL Numbers Game
Example for the E-Book
3D Games with WebGL
The texture map for the
Numbers Game includes a cross shaped background waterscape.
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.
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.
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
3D Games with WebGL
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.
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.
The second game,
Numbers Game, animates
a set of digits and mathematical symbols over water.
Numbers Game presents a series of
challenges one at a time.
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.