WebGL Repeat a Texture
Texture Mapped with a Lighthouse
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.
- Useful techniques for education, games, data visualization, and architectural rendering.
- 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.
- Learn computer programming with WebGL, based on OpenGL ES. Free great start to STEM education online.