WebGL Textures: Introduction to Mipmaps, Sub Images & Atlases (2015)

This Book's Project List

Animate Textures and Display Sub Images

Atlas: Animate Textures
Sub Images

Switch Images and Mipmap Bricks

Atlas: Switch Images
Mipmap Bricks

Two Meshes and Bonus Maze Game

Atlas: Two Meshes
Bonus Maze Game

The projects covered in this book include texture atlas examples which dynamically switch images, animate, and display two meshes. We demonstrate mipmapping with a drop down menu to change minification options. We explain how to use sub images and the book includes a bonus maze game, developed with sub images.

Bonus Maze Game Project

WebGL Textures: Introduction to Mipmaps, Sub Images & Atlases includes a bonus simple maze game developed with WebGL sub images. The game displays a two dimensional maze. The player's tile displays in red. The player moves the tile through the maze with taps along the edges. The game keeps score based on the number of steps the player takes to find their way out of the maze.

All materials on the site are licensed Creative Commons Attribution-Sharealike 3.0 Unported CC BY-SA 3.0 & GNU Free Documentation License (GFDL)

If you are the copyright holder of any material contained on our site and intend to remove it, please contact our site administrator for approval.