Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A jQuery plugin to dynamically add noise onto an element.
JavaScript
branch: master

This branch is 5 commits behind ajcates:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
License.md
ReadMe.md
noisy.js

ReadMe.md

jQuery-Noise Plugin

Written By the Forrst Users @dhotson & @ajcates; contributor: Alan Hogan

This plugin will insert a semi transparent noise image into your elements background-images. The image is generated using canvas then exported out with toDataURL().

Demo:

There is a demo on jsFiddle here.

How to use:

Include the script and jQuery like normal:

Then after the dom is ready you can call just noisy() or pass it some parameters:

$("body").noisy({opacity : .1});

Parameters:

  • opacity : Takes a number between .0 and 1 and draws out the noise at that opacity.
  • color : Used for tinting the noise a certain color. Takes a string formatted like "rgb(255,255,255)" or a function that returns a string like that. By default this returns the items current background-color.
  • monochromatic : Whether the generated noise should be monochromatic (true) or not. If false, the red, green, and blue channels are randomized independently. Default: false.
  • amount : A number usually around 70 that adds some brightness to the colors so they aren't all dark.
  • width : How wide you want the background-image tile set at. If your noise looks to uniform make this number bigger.

License: MIT (see the License.md file for more info)

Something went wrong with that request. Please try again.