WebGL Repeat a Texture

Texture Mapped with a Lighthouse

Your browser doesn't support canvas.

Tap the Rotate button to play the animation. The square plane rotates around the Y axis. Tap the lighthouse 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.

WebGL Tutorials and Examples

Enjoy the free online in-depth WebGL book, WebGL Textures & Vertices: Beginner's Guide. Also see free WebGL tutorials.

  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.
  3. Learn computer programming with WebGL, based on OpenGL ES.


JavaScript, book, books, read books online free, html5, free books online, learn to code, how to code, online programming course, render, 3d graphics, 3d models, 3d images, computer animation, 3d software, code,
Copyright © 2015 Seven Thunder Software. All Rights Reserved.