Real-Time 3D Graphics with WebGL 2 - Second Edition

Time for Action: Trying Different Filter Modes

Let's cover an example of seeing different filter modes in action:

1. Open the ch07_03_texture-filters.html file using your browser:

2. The controls include a slider to adjust the distance of the box from the viewer, while the buttons modify the magnification and minification filters.
3. Experiment with different modes to observe the effect they have on the texture. Magnification filters take effect when the cube's textures are being rendered larger than their source image size; minification filters when it is further away. Be sure to rotate the cube as well to observe what the texture looks like when ...