WebGL Repeat a Texture

Texture Mapped Plastic Ball

Your browser doesn't support canvas.

This page demonstrates a fast and easy method to repeat a texture without adding vertices, uploading, or copying more texture maps. The square displays with just four vertices. Modify texels then apply WebGL TEXTURE_WRAP_S and TEXTURE_WRAP_T parameters.

3D Programming for Beginners

The e-book, 3D Programming for Beginners, describes the steps to display a few simple projects with WebGL. However WebGL's not simple and this book doesn't rely on external WebGL libraries, such as three.js or unity. WebGL Beginner's Guide covers details required to prepare WebGL presentations from scratch. If you want to begin learning pure WebGL, then this book's for you. 3D Programming for Beginners covers the following features.

  1. Overall conceptual view of WebGL.
  2. Combine vertices to display a WebGL square.
  3. Load and texture map a square.
  4. Basic shader instructions, line by line.
  5. Interactively rotate and move a simple WebGL square.
  6. Repeat textures on a model without repeating vertices.
  7. Works with WebGL enabled browsers on mobile devices including on iPhone and Android.
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.