mysticsymbolic.github.io

This is an attempt by Nina Paley (art) and Atul Varma (code) to tinker with procedural art.

Go to file

Atul Varma aa47012d4b Use arrows for attachment points instead of circles. (#3 ) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...		2021-02-14 21:27:20 -05:00
.vscode	Add .vscode dir.	2021-02-03 18:54:57 -05:00
lib	Use arrows for attachment points instead of circles. (#3 )	2021-02-14 21:27:20 -05:00
svg	Use arrows for attachment points instead of circles. (#3 )	2021-02-14 21:27:20 -05:00
vendor/bezier-js	Add explanation for vendoring.	2021-02-13 08:27:35 -05:00
.babelrc	Origination.	2021-02-02 19:26:40 -05:00
.gitignore	Clear dist dir before building for deploy.	2021-02-03 20:35:19 -05:00
README.md	Update README.	2021-02-03 20:14:15 -05:00
build-vocabulary.js	Origination.	2021-02-02 19:26:40 -05:00
index.html	Rename to Mystic Symbolic.	2021-02-13 07:20:16 -05:00
package-lock.json	Add deploy script.	2021-02-03 20:08:18 -05:00
package.json	Add typecheck script.	2021-02-13 19:27:25 -05:00
tsconfig.json	Show all symbols.	2021-02-03 19:36:29 -05:00

README.md

All art is by Nina Paley!

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.

Deployment

To deploy the project to GitHub Pages, run:

npm run deploy