Generative Art Engine

Generates interactive p5.js algorithmic art artifacts. Requires defining an Algorithmic Philosophy before coding. Enforces seeded randomness.

narcisolcf Updated

File contents

Algorithmic Philosophy Creation

To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through:

  • Computational processes, emergent behavior, mathematical beauty
  • Seeded randomness, noise fields, organic systems
  • Particles, flows, fields, forces

The Critical Understanding

  1. Algorithmic Philosophy Creation (.md file): Write a manifesto for a generative art movement (4-6 paragraphs).
  2. Express by creating p5.js generative art (.html file): The code creates p5.js sketches that are 90% algorithmic generation, 10% essential parameters.

P5.js Implementation Rules

CRITICAL: BEFORE writing any HTML:

  1. Read templates/viewer.html.
  2. Use that file as the LITERAL STARTING POINT.
  3. Keep all FIXED sections (header, sidebar structure, branding).
  4. Replace only the VARIABLE sections (algorithm, parameters).

Output Format

  1. Algorithmic Philosophy: Markdown explaining the generative aesthetic.
  2. Single HTML Artifact: Self-contained interactive generative art built strictly from templates/viewer.html.

narcisolcf/skills_claude_narciso/tree/main/generative-art-engine commit 1a959c036f

Frequently asked questions

npx skillmds@latest add narcisolcf/generative-art-engine