genart.dev
Developer Mode

Developer Mode

File-based development workflow — edit sketch source in your editor, compile to .genart.

Developer mode provides a traditional file-based workflow for creating generative art. Instead of editing a single .genart JSON file, you work with a project directory containing separate source files.

Workflow

  1. Eject a .genart file to a project directory (or init --dev a new one)
  2. Edit source files in your preferred code editor
  3. Compile the project back to a .genart file
  4. Preview with the live dev server (genart dev)

Commands

CommandDescription
genart init --devCreate a new developer project
genart ejectExtract .genart to project directory
genart compileCompile project to .genart
genart devLive preview with hot reload

Benefits

  • Use your preferred editor (VS Code, Vim, etc.)
  • Version control individual source files
  • Import local libraries and modules
  • TypeScript support
  • Live preview with hot reload

Compositor

How the layer compositor renders and blends design layers over algorithm output.

Project Format

Structure of a developer project — sketch.js, metadata, components, and libraries.

On this page

WorkflowCommandsBenefits