Texture Atlas for Two Meshes

Tap the Play Button

Your browser doesn't support canvas.

Efficiently display unique meshes and textures. Interleave vertices and texels within one vertex buffer object. Call the WebGL API method drawElements() with different parameters.

Tap the Play button to play the animation. The left mesh rotates around the Y axis. The right mesh rotates around the X axis.

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.

Learn 3D Programming with Screen Shots Learn 3D Programming with Screen Shots
Copyright © 2015 Seven Thunder Software. All Rights Reserved.