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

See WebGL Texture examples covering the following topics.

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

Enjoy 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, 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.