https://github.com/nicolastilly/circle-square-triangle
This tool allows you to add an image and then generate a composition of colored shapes on top of it. Experiment and play with simple shapes!
https://github.com/nicolastilly/circle-square-triangle
creativecoding p5js tool
Last synced: 28 days ago
JSON representation
This tool allows you to add an image and then generate a composition of colored shapes on top of it. Experiment and play with simple shapes!
- Host: GitHub
- URL: https://github.com/nicolastilly/circle-square-triangle
- Owner: nicolastilly
- Created: 2025-09-09T10:51:33.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-10-15T09:07:56.000Z (5 months ago)
- Last Synced: 2025-10-16T00:39:12.503Z (5 months ago)
- Topics: creativecoding, p5js, tool
- Language: JavaScript
- Homepage: https://nicolastilly.github.io/Circle-Square-Triangle/
- Size: 15.8 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Circle Square Triangle
Graphic composition generator inspired by [Bruno Munari's](https://archive.org/details/brunomunarisquar0000muna) book of the same name.
## The tool
This tool is coded with p5js and is used to create a graphic composition of simple colored shapes with an image in the background.
The tool's parameters are as follows:
- Add an image to the background
- Grid density (columns and rows)
- Addition and removal of background colors for shapes
- Addition or removal of empty spaces in the grid
- Drag and drop the settings window
- Choose all 3 shapes or just one
- Downloading of the final composition
- Download a 10-second video
(The background image was created using the incredible [Gradientor](https://gradientor.afterimage.cc/) tool by Anatoly Grashchenko.)
## Authors
- [Nicolas Tilly](https://nicolastilly.fr/)
## About Me
I'm a designer, creative coder and teacher in art school.
## Roadmap
- Additional browser support
- Add more features
## Feedback
If you have any feedback, please reach out to me at nicolas@nicolastilly.fr