Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/hamzaerbay/creative-coding

art canvas creative-coding design generative-art interaction-design programming-graphics

Last synced: about 2 months ago
JSON representation

Experimenting on canvas and generative arts

Host: GitHub
URL: https://github.com/hamzaerbay/creative-coding
Owner: hamzaerbay
Created: 2021-11-08T03:14:56.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2023-12-08T09:14:15.000Z (about 1 year ago)
Last Synced: 2024-11-08T08:51:12.592Z (3 months ago)
Topics: art, canvas, creative-coding, design, generative-art, interaction-design, programming-graphics
Language: JavaScript
Homepage:
Size: 15.6 KB
Stars: 3
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

# creative-coding
Experimenting on canvas and generative arts
Run `npm install`

Run for generate
```
# Start the tool on an existing file and change PNG export folder
npx canvas-sketch-cli src/foobar.js --output=./tmp/

# Start a new sketch from the Three.js template
npx canvas-sketch-cli --new --template=three --open

# Build your sketch to a sharable HTML + JS website
npx canvas-sketch-cli src/foobar.js --build

# Develop with "Hot Reloading" instead of full page reload
npx canvas-sketch-cli src/foobar.js --hot
```
# Examples

sketch-01

![2021 10 20-21 00 35](https://github.com/hamzaerbay/creative-coding/assets/5136093/46858bfc-78ef-412a-86de-0c5869b4fadf)

sketch-02

![2021 10 20-21 55 28](https://github.com/hamzaerbay/creative-coding/assets/5136093/f18b9a5b-7e33-464c-8b9c-1624192b0c7a)

sketch-03

https://github.com/hamzaerbay/creative-coding/assets/5136093/7f004208-b0ac-4ceb-bf21-9fbb64652c47

sketch-04

https://github.com/hamzaerbay/creative-coding/assets/5136093/83f7eb30-4009-4144-94e8-6e0c789e9efd