Skip to content

amputek/shimmer.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

shimmer effect for canvas

Interactive shimmer-type effect based on monochrome image input.

See Live Demo Here via GitHub Pages

alt text

alt text


How to Use

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 }

Options

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

About

interactive sparkle effect on text and images, using canvas

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published