WebGL Bouncy Displacement
Play Button or Tap Inside the Blue Border
Tap Inside the Blue Border!
Tap over the canvas or select the
This WebGL example uses displacement to
stretch and shrink in response to taps or animation.
Shaders move vertices in response to user interaction. The model rotates in response to horizontal taps. The example creates a bump which bounces back after a certain amount of stretch. The shape stretches and shrinks along the Y axis. See the tutorial links below or more displacement map examples.
If the project doesn't run see the GIF Displacement Animation.