Perlin Noise is controlled randomness. Rather than canvas particles teleporting from one location to another, Perlin Noise will move your particles randomly, but with a degree of control. Each value that a Perlin Noise function returns is related to the previous value in some manner, giving off that illusion of controlled randomness. You'll see exactly what I mean as the video goes, but be sure to drop any questions you might have in the comments.
🔗 Links
- CodePen Example: https://codepen.io/chriscourses/pen/OJMYYVp
- @chriscourses/perlin-noise: https://www.npmjs.com/package/@chriscourses/perlin-noise
- Canvas Boilerplate: https://github.com/christopher4lis/canvas-boilerplate