WebGL Repeat a Texture

Texture Mapped with a Butterfly Fish

Tap the Rotate button to play the animation. The plane rotates around the Y axis. Tap the fish to rotate one frame at a time.

Use WebGL texture repeat wrap mode settings to tile textures across surfaces. Simply increment the S and T coordinates to the number of tiles required. Then set texParameteri() to REPEAT.

Your browser doesn't support canvas.

WebGL Tutorials and Examples

Enjoy free WebGL tutorials and beginner's level WebGL texture and vertex projects.

  1. Useful techniques for education, games, scientific visualization, and architectural rendering.
  2. Works with WebGL enabled Web browsers including Windows PCs, iPhone 6, and current Androids. Most examples also work with Windows Phone operating system 8.1.
Copyright © 2015 Seven Thunder Software. All Rights Reserved.