Interactive shimmer-type effect based on monochrome image input.
See Live Demo Here via GitHub Pages
Reference shimmer.js in your html file.
Use SHIMMER.init( dom, file, options )
in window.onload
. The function takes 3 parameters:
Parameter | Example |
---|---|
wrapper DOM element | document.getElementById("wrapper") |
reference image file for particles locations | 'img/myImage.jpg' |
optional parameters object for changing the shimmer | { particleSize: 20, shimmerRate: 0.3 } |
Option | Type | Default |
---|---|---|
color | rgba string | 'rgba(255,150,50,0.05)' |
particleSize | integer | 25 |
particleSizeRandomness | integer | 5 |
particleDensity | integer | 30 |
particleLocationRandomness | integer | 15 |
shimmerRate | float | 0.1 |
returnSpeed | float | 0.25 |