Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danyim/artgorithms
Art & algorithms coming together to create interactive, visual experiences. Made with love using React & HTML5 Canvas.
https://github.com/danyim/artgorithms
art canvas minimalism react
Last synced: 8 days ago
JSON representation
Art & algorithms coming together to create interactive, visual experiences. Made with love using React & HTML5 Canvas.
- Host: GitHub
- URL: https://github.com/danyim/artgorithms
- Owner: danyim
- Created: 2016-08-18T07:51:46.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-10-25T04:49:18.000Z (about 1 year ago)
- Last Synced: 2024-04-13T04:56:54.591Z (7 months ago)
- Topics: art, canvas, minimalism, react
- Language: TypeScript
- Homepage: https://artgorithms.netlify.com
- Size: 6.88 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Artgorithms
### https://artgorithms.vercel.app
Inspired by exhibitions at the SFMOMA and Bret Victor's [Inventing on Principle talk](https://vimeo.com/36579366), this project aims to recreate the artwork in code and alogrithms.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm start
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
## Deploy on Vercel
```bash
# Run a local build
npm run build
```
```bash
vercel
vercel --prod
```
## Adding New Artwork
- Decide on a slug name and add a new entry to the enum in `./constants/art-manifest.ts`
- Add an entry in `./pages/art/[slug]/index.tsx`
- Copy `./components/_Template` and change the name of the component
- Add a 100x100 thumbnail entry into `./public/thumb/[slug].png` (with the slug name)
## Research
- [Pentagonal tiling](https://en.wikipedia.org/wiki/Pentagonal_tiling)
- [Tesselation](https://en.wikipedia.org/wiki/Tessellation)
- [Generative art](https://en.wikipedia.org/wiki/Generative_art)