WebGL Sub Image from Array

Tap the Play Button

Your browser doesn't support canvas.

Data from a procedural texture fills an array. Tap the canvas, to randomly modify the active texture with colors from the array.

Tap the Play button to watch the maze fill with random tiles. Tap the maze to fill the maze one random tile at a time. The data for the sub image is generated with JavaScript and saved to an array.

WebGL Textures: Mipmaps, Sub Images & Atlases

The free online eBook, WebGL Textures is coming soon. See projects for the eBook, WebGL Textures, presenting the following WebGL topics:

  1. Mipmaps
  2. Sub Images from Texture Data
  3. Sub Images from Array Data
  4. Texture Atlases

Learn programming now, with free WebGL tutorials. WebGL provides useful techniques for education, games, scientific visualization, and architectural rendering.

Online examples work with WebGL enabled Web browsers including Windows PCs (Microsoft Edge, Firefox, and Chrome), iPhone 6 and above, and current Androids. Most examples also work with Windows Phone operating system 8.1.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.