SkillAgentSearch skills...

FlowFields

A generative art project driven by Perlin Noise

Install / Use

/learn @mkfreeman/FlowFields
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

flowFields

This project uses a particle simulation to visualize a field of directional vectors. It uses <a href = "https://en.wikipedia.org/wiki/Perlin_noise" target = "_blank">Perlin Noise</a> to construct a field of random (but related) forces in horizontal and vertical directions (that change over time). The project uses the <a href="https://p5js.org/" target="_blank">P5js</a> library, and is heavily based on this <a target = "_blank" href="https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bgPNQAdxQZpJuJCjeOr7VD" >tutorial series</a> and the corresponding <a target = "_blank" href ="https://github.com/CodingTrain/website/tree/master/CodingChallenges/CC_024_PerlinNoiseFlowField/P5">code</a>.

Here are a few examples of what you can make using the tool.

Multi color drawing

Black and white drawing

Red drawing

Related Skills

View on GitHub
GitHub Stars84
CategoryDevelopment
Updated3mo ago
Forks12

Languages

JavaScript

Security Score

92/100

Audited on Dec 9, 2025

No findings