3D Graphics Display Here with WebGL

Read WebGL E-Books

Play the Maze Game

Tap Colored Rectangles Around the Maze to Move the Red Tile

Tap to Move Left
Tap colored rectangles to the left, right, top, and bottom of the game board.
Your browser doesn't support canvas.
Tap to Move Right

Example for the E-Book WebGL Textures.

Reach the aqua colored tile with the fewest number of moves. Move the red tile through the maze. Move the red tile from the upper left corner to the lower right aqua colored tile.

A score of 100% means you followed the shortest path through the maze.

Tap the top red bar to move upward. Tap the right violet bar to move right. Tap the left yellow bar to move left. Tap the bottom aqua bar to move downward.

Play the Maze Game

Implemented with WebGL Sub Images

Play this simple maze game implemented with WebGL. The e-book WebGL Textures: Mipmaps, Sub Images, & Atlases explains how to make the maze game.

WebGL Textures: Introduction to Mipmaps, Sub Images & Atlases

Book Two in the Series Online 3D Media with WebGL

WebGL Textures: Introduction to Mipmaps, Sub Images & Atlases explains the purpose and and use of mipmaps, how to apply sub images, texture atlas basics, and how to display an animated image from a texture atlas. This book includes instruction, diagrams, fully commented source code, and online examples for each project.

  1. Useful techniques for education, games, scientific visualization, and architectural rendering.
  2. Works with WebGL enabled Web browsers including Windows PCs, iPhone 6 and above, and current Androids. Most examples also work with Windows Phone operating system 8.1.

See WebGL Textures: Mipmaps, Sub Images & Atlases on Amazon. Select a Country from the Menu Below:

WebGL Textures Screen Shots
Copyright © 2015 Seven Thunder Software. All Rights Reserved.