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.
3 Commits 1 Branch 2 Tags 58 KiB
TypeScript 91.4%
HTML 8.6%
Go to file
Rudis Muiznieks 6de6aa0acc added FilmGrain effect 2020-05-09 14:39:27 -05:00
src added FilmGrain effect 2020-05-09 14:39:27 -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.