TypeScript libraries for creating procedural art in the browser.
The repository is a monorepo containing reusable packages and standalone applications that rely on them. The monorepo is configured using pnpm
and is managed using nx
.
This monorepo is organized with the following directory structure:
.
├── apps/
│ └── demos
└── packages/
├── core
└── sketch
Component | Path | Published Location | Description |
---|---|---|---|
Demos | apps/demos/ | Not Published | Runnable app using Sketch components - useful for dev testing. |
@code-not-art/core | packages/core | Collection of tools to simplify pseudo-random generation and HTML canvas manipulation. | |
@code-not-art/sketch | packages/sketch | ReactJS component library to apply procedural art algorithms to HTML canvas. |
To get the demo application running on your local machine, after checking out this repository, execute the following steps:
-
Install dependencies
This repository is managed by
pnpm
and the code will run in Node. You will need to install both.Node
- Install Instruction - use latest stable version. Note: The Node website provides instructions for usingpnpm
as part of their install instructions if you choose to. If so, you can skip the separatepnpm
instructions.pnpm
- Install Instructions
-
Install code dependencies
pnpm install
-
Build all packages
pnpm build:all
-
Run Demos App
pnpm demo
The application will start, hosting a website at
http://localhost:5173
. If the default port is in use, the console will print the actual running location of the app.Refer to the Demos Readme for instructions on using and modifying the demo applcation.