3D Graphics Run with WebGL! Read the E-Book

WebGL Scenes: Responsive Web Design

WebGL Bouncy Displacement

Select Play Button or Tap Inside the Blue Border

Tap Inside the Blue Border!

Tap over the canvas or select the Play button. 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.

3D Graphics Display Here with WebGL

Read WebGL E-Books

Copyright © 2015 Seven Thunder Software. All Rights Reserved.