Skip to content

Instantly share code, notes, and snippets.

@jimkang

jimkang/noise.html

Last active September 4, 2019 02:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jimkang/1028b905a459dd47171b1b4b4aae592a to your computer and use it in GitHub Desktop.
Save jimkang/1028b905a459dd47171b1b4b4aae592a to your computer and use it in GitHub Desktop.
Download ZIP
Perlin noise SVG filter
Raw
noise.html
<svg width="40" height="40" viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter">
<feTurbulence type="fractalNoise" baseFrequency="0.75"
numOctaves="2" result="turbulence" stitchTiles="stitch"/>
</filter>
<rect id="noise-square" width="40" height="40"
style="filter: url(#displacementFilter)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment