algorithmic-art

Generative art with p5.js uses algorithmic systems to produce unique visual outputs. Define an artistic philosophy—such as flow fields or particle systems—then write code that translates those concepts into interactive sketches with seeded randomness, ensuring reproducibility while allowing parameter exploration.

Yes. This Skill outputs self-contained HTML artifacts with interactive parameter controls, letting viewers adjust variables like seed, scale, or algorithm parameters directly in their browser to explore different variations of the same artwork.

Use seeded randomness in your p5.js implementation. Seeding ensures that identical input parameters always produce identical visual output, making your art reproducible while allowing controlled exploration of parameter space through interactive controls.

Understanding p5.js fundamentals helps, but this Skill handles the translation from artistic philosophy to p5.js code. You define the concept—recursive patterns, turbulence, flow fields—and the code generation workflow manages implementation, validation, and HTML packaging.

The Skill outputs interactive HTML files that work in any browser without additional dependencies. Share the file directly, view it in Claude, or embed it online—viewers can immediately interact with parameters and explore variations without installation.

Algorithmic art covers flow fields, particle systems, recursive patterns, noise-based textures, and data-driven visualizations. Each approach translates a creative philosophy into code-driven visuals that can be parameterized, seeded, and explored interactively.