WebGL Repeat Texture 2 by 8
No Need for Multiple Vertices
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, yet the texture renders sixteen times across the surface. The plastic ball appears flattened, mapping twice along the horizontal axis and eight times along the vertical axis.
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.
3D Programming for Beginners
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.
- Overall conceptual view of WebGL.
- Combine vertices to display a WebGL square.
- Load and texture map a square.
- Basic shader instructions, line by line.
- Interactively rotate and move a simple WebGL square.
- Repeat textures on a model without repeating vertices.
- Works with WebGL enabled browsers on mobile devices including on iPhone and Android.
