WebGL UV Coordinate System Test

1. Test Texture (2x2 grid)

Image file layout (how it looks in image editor):
┌─────────┬─────────┐
│ RED (0) │ GREEN(1)│  row 0 (top of image file)
├─────────┼─────────┤
│ BLUE(2) │ YELLOW(3)│  row 1 (bottom of image file)
└─────────┴─────────┘
← This is the source texture

2. UV Sampling Test

Each square below samples a different UV region. We test what color appears.

UV [0, 0, 0.5, 0.5] (Frame 0):
UV [0.5, 0, 1, 0.5] (Frame 1):
UV [0, 0.5, 0.5, 1] (Frame 2):
UV [0.5, 0.5, 1, 1] (Frame 3):

3. Conclusion