https://github.com/bumbu/perlin-noise-perimeter

https://github.com/bumbu/perlin-noise-perimeter

noise paperjs perlin perlin-noise procedural-drawing svg wave

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/bumbu/perlin-noise-perimeter
• Owner: bumbu
• Created: 2015-07-18T20:49:50.000Z (over 9 years ago)
• Default Branch: gh-pages
• Last Pushed: 2017-04-08T13:28:54.000Z (over 7 years ago)
• Last Synced: 2024-10-14T04:44:07.083Z (3 months ago)
• Topics: noise, paperjs, perlin, perlin-noise, procedural-drawing, svg, wave
• Language: JavaScript
• Homepage: http://bumbu.github.io/Perlin-Noise-Perimeter/
• Size: 2.25 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Perlin perimeter

Draws perlin noise on SVG paths.

More examples and description available on [bumbu.github.io/perlin-noise-perimeter-drawing-tool/](https://bumbu.github.io/perlin-noise-perimeter-drawing-tool/).



## How to use it:

* Go to [bumbu.github.io/Perlin-Noise-Perimeter/](https://bumbu.github.io/Perlin-Noise-Perimeter/)

* Import an SVG (you can use SVGs from [images folder](https://github.com/bumbu/Perlin-Perimeter/tree/gh-pages/images) if you download them locally then import in the app)

* Adjust image position using pan mode. You can zoom in/out from them *Pan/Zoom* panel

* Change the mode into *Draw directions*. Click and drag to direction the waves. Right click on a direction to remove it

* Adjust waves' settings in *Noise* and *Paths* section

* To make waves longer/shorter - adjust them in *Paths* section

* You can export your creation from the *Import/Export* section

* You can reset to defaults from the *Import/Export* section

## More demos