A framework for creating generative artwork in JavaScript and the browser with CLI tools and export capabilities.
canvas-sketch is a framework for creating generative artwork using JavaScript and the browser. It provides tools and modules to help artists and developers build code-based visual art with features like high-resolution export and a CLI for project management. The framework simplifies the process of turning sketches into printable, high-quality images.
Generative artists, creative coders, and JavaScript developers interested in creating visual art programmatically in the browser.
Developers choose canvas-sketch for its integrated workflow that combines CLI tooling with browser-based preview and export, making it easy to iterate and produce print-ready artwork from code.
[beta] A framework for making generative artwork in JavaScript and the browser.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The CLI tool enables quick project setup with commands like `npx canvas-sketch-cli --new --open`, reducing initial configuration time and streamlining workflow.
Direct browser export saves high-resolution PNGs at specified dimensions and DPI, as shown with Ctrl+S keystrokes, making it ideal for physical prints.
Hot reloading via the `--hot` flag updates sketches in real-time during development, speeding up the creative process and experimentation.
Pre-made templates, including for Three.js, provide a head start for 3D and complex sketches, lowering the barrier to advanced generative art.
The roadmap admits missing API and CLI documentation, which can hinder learning, troubleshooting, and advanced usage for developers.
Absence of built-in modules for common tasks like randomness or geometry forces reliance on external libraries, adding complexity to sketches.
Dependence on browser environment restricts usage in headless or server-side rendering scenarios, limiting flexibility for non-browser applications.