Displacement Map Example
Tap the Canvas to See One Frame at a Time
Tap the canvas to see one frame at a time. The WebGL vertex shader uses a texture map and animation frame time to displace vertices. Learn how to program for Web design with the WebGL displacement shader overview. Graphics include a space graphic and displacement map. The vertex shader processes displacement. The fragment shader prepares color for rendering.
Animated space scene displaces vertices over time.