FlowFields
A generative art project driven by Perlin Noise
Install / Use
/learn @mkfreeman/FlowFieldsREADME
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.



Related Skills
node-connect
349.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
