A Javascript library that uses CSS to make a website spooky.
Go to file
Rudis Muiznieks d100f81f0c ability to animate film grain alpha 2020-05-09 15:20:12 -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 added FilmGrain effect 2020-05-09 14:39:27 -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.