# WebGL Numbers Game

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

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

## 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.

- Tap the
Play

button. - A product or quotient displays below the water scene.
- Tap a digit.
- Tap a multiplication or division symbol.
- Tap another digit.
- Your score displays.
- A new product or quotient displays below the water scene.
- 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.