rudism
/
spooky.js
1
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity
A Javascript library that uses CSS to make a website spooky.
5 Commits 1 Branch 2 Tags 58 KiB
TypeScript 91.4%
HTML 8.6%
Go to file
Rudis Muiznieks a45066f9de
Update README.md 		2020-05-10 10:58:58 -05:00
src ability to animate film grain alpha 2020-05-09 15:20:12 -05:00
.gitignore initial commit 2020-05-09 13:06:47 -05:00
README.md Update README.md 2020-05-10 10:58:58 -05:00
package-lock.json initial commit 2020-05-09 13:06:47 -05:00
package.json initial commit 2020-05-09 13:06:47 -05:00
tsconfig.json initial commit 2020-05-09 13:06:47 -05:00

README.md

spooky.js

Available Effects

Film Grain

Based on original code from Szenia Zadvornykh.

var fg = new Spooky.FilmGrain(options);
fg.execute();
fg.stop();

Takes optional options configuration object:

  • patternSize: dimensions of the repeating grain pattern (64)
  • alpha: transparency of the effect from 0-255 (25)
  • grainScale: x and y scale of each grain ({x: 3, y: 1})
  • refreshInterval: how often to redraw the effect
  • canvasId: optional id of an existing canvas to apply the effect to

If no existing canvasId is provided then the effect will be applied to the entire browser screen.

You can animate alpha changes with fg.setAlpha(newValue, step) where step is optional and will determine how quickly the fade in/out will occur.