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

Learn WebGL with the free online in-depth WebGL book, WebGL Textures & Vertices: Beginner's Guide. See WebGL Downloads to download the free WebGL 3D engine described with WebGL Textures & Vertices: Beginner's Guide, including shaders.

  1. Useful techniques for education, games, data 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. Free great start to STEM education online.


JavaScript, book, books, JavaScript 3D rendering,read books online free, WebGL download 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,
Learn 3D Programming with Screen Shots Learn 3D Programming with Screen Shots
Copyright © 2015 Seven Thunder Software. All Rights Reserved.