63e9101d42
The key phrase here is **less terrible**, as opposed to **good**. Right now if the mandala gets too big for the page, it will just overflow and the remainder won't be visible (not even via scrolling). This is intentional, though, as per @ninapaley's suggestion: > I'm hoping you can change the way the image keeps resizing its canvas, and keeps justifying left. > Maybe have an oversize canvas with the ring pinned to the center, and all the adjustment sliders > on the right? Then they won't disappear if the canvas is too big. Also! I have an idea for an > animated cycle that would require the symbols to eventually outgrow the canvas area and disappear. I'm not super happy with this CSS, it doesn't feel terribly maintainable. Ah well, maybe we can improve it later. |
||
|---|---|---|
| .github/workflows | ||
| .vscode | ||
| assets/symbols | ||
| lib | ||
| vendor/bezier-js | ||
| .babelrc | ||
| .gitignore | ||
| README.md | ||
| build-vocabulary.js | ||
| copy-svgs-from-dropbox.sh | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.json | ||
README.md
This is an attempt by Nina Paley (art) and Atul Varma (code) to tinker with procedural art.
Right now there is no particular goal other than to explore various ideas. The project consists of a web site with multiple pages, each of which is and experiment of some kind.
It can be viewed online or iterated on locally using the instructions below.
Quick start
This requires NodeJS. It was started with NodeJS 14.15.4, but hopefully it should work with any recent version.
After cloning the repository and entering it, run:
npm run watch
then visit http://localhost:1234.
Running tests
To run tests interactively, run:
npm run test:watch
Deployment
To deploy the project to GitHub Pages, run:
npm run deploy