Shader art made with WebGL. The idea behind Scroll Spiral is to create a decorative background effect by twisting images and hexagonal grid patterns smoothly on page scroll. Any image in png or jpeg can be used.
The effect aims to be as light as possible on desktops or mobile devices. On unsupported browser a static background image is displayed instead. Examples with images for Foundation, Foundry and UIkit are included.
Interface and settings
Velocity: control the speed of the animation
Image: drop the image to be processed
Force transparency: used when needed to add transparency to the theme's background
Fallback Image: on unsupported browsers this image will be displayed instead
Preview: the fallback image preview will be displayed in RapidWeaver preview mode.