3D Graphics Display Here with WebGL

Read WebGL E-Books

WebGL Numbers Game

Example for the E-Book 3D Games with WebGL: Create Two Simple Games

Help

Tap digits, multiplication, and division symbols to form expressions. Questions, zoom in, and zoom out buttons appear below the water scene.

Zoom In Zoom Out

Digits, Multiplication and Division Symbols Float In Water

Have fun learning multiplication and division with the Numbers Game. For more details regarding game play, tap the ? icon to the right.

A series of questions display below the water scene, one at a time. Each question asks you to find the expression which evaluates to a specific number. Quickly tap numbers and multiplication or division symbols to form the correct expression. As soon as you answer a question, the next question displays. The game's over when the timer runs out or you've answered every question.

Points

Digits and symbols display below the water scene as you build the expression. Each correct selection increases your score by 10 points. The maximum score equals 100 points.

The 3D WebGL Numbers Game's part of the e-book 3D Games with WebGL: Create Two Simple Games.

3D Games with WebGL: Create Two Simple Games

The e-book 3D Games with WebGL: Create Two Simple Games is coming soon! Book five in the series Online 3D Media with WebGL includes two games. Extend concepts and code to create your own interactive and unique 3D games.

3D Games with WebGL explains how to render multiple game sprites, use transparency, select by color, highlight selections, use sound, time the game, shuffle, zoom in and zoom out.

Devices such as mobile phones benefit from optimization techniques explained with the e-book. 3D Games with WebGL demonstrates 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.

How to Play the Numbers Game

Select the Play button at any time to start or restart the game. Play resets your score. The game's over when either the timer runs out or you've answered every question.

Game Play

Questions display below the waterscape. For each correct answer your score increases by ten points. Tap a digit in the water scene, a multiplication or division symbol, then another digit.

  1. Tap the Play button.
  2. A product or quotient displays below the water scene.
  3. Tap a digit.
  4. Tap a multiplication or division symbol.
  5. Tap another digit.
  6. Your score displays.
  7. A new product or quotient displays below the water scene.
  8. The game's over when the timer runs out or you've answered every question.

Multiply

Assume the following question displays below the water scene:

Form an expression which evaluates to 8.

To find the correct answer select 2, then tap the multiply x sign, then select 4 from the water scene. The expression 2 x 4 evaluates to 8 because 2 x 4 = 8. Your score increases by ten points. However other expressions also evaluate to 8. For example 8 x 1 = 8.

Divide

Assume the following question displays below the space scene:

Form an expression which evaluates to 0.25.

To find the correct answer select 1, then select ÷, and last select 4 from the water scene. The expression 1 / 4 evaluates to 0.25 because 1 / 4 = 0.25. Your score increases by ten points.

Zoom In or Zoom Out

Select the magnifying glass icons below the water scene to zoom in and out.

Interactive Selection

Math symbols rotate randomly over animated water. If a symbol is difficult to select, swipe over the water to rotate symbols faster.

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