Atul Varma
972cecb056
Factor out svg-vocabulary.ts, increase symbol padding.
2021-02-15 08:33:33 -05:00
Atul Varma
4334a3eb3c
Enable stricter typescript checks, remove unused import.
2021-02-15 07:44:22 -05:00
Atul Varma
897448ee6e
Use latest symbols.
2021-02-15 07:33:48 -05:00
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
Atul Varma
a58ac3e5ff
Add stroke/fill widgets.
2021-02-14 17:29:37 -05:00
Atul Varma
bcd5390ca1
Tweak some stuff.
2021-02-14 17:19:01 -05:00
Atul Varma
01ee8068db
Add some sliders.
2021-02-14 17:13:27 -05:00
Atul Varma
046c940351
Add waves.
2021-02-14 16:39:10 -05:00
Atul Varma
0652aa19ea
Add rudimentary about page.
2021-02-14 12:32:55 -05:00
Atul Varma
f3beb8cdd9
Auto-detect direction of normals. ( #2 )
...
This auto-detects the direction of normals on which to attach attachments.
Right now it's getting very confused by corners, but otherwise it seems to mostly work.
2021-02-14 12:07:34 -05:00
Atul Varma
6d911e1654
Use js-bezier's BBox struct and functions.
2021-02-14 07:44:52 -05:00
Atul Varma
2b0d69bb87
Factor out getColor().
2021-02-14 07:32:54 -05:00
Atul Varma
a135b6930b
Add checkbox toggle to show specs.
2021-02-13 21:13:04 -05:00
Atul Varma
5321d9aa48
Add teardrop specs.
2021-02-13 20:47:35 -05:00
Atul Varma
f70cdbad8d
Extract attachment points and nesting boxes.
2021-02-13 20:47:28 -05:00
Atul Varma
26d4c721cf
Remove specs-related shapes.
2021-02-13 20:29:20 -05:00
Atul Varma
81a1e32b0f
Split up paths w/ multiple shapes into multiple shapes.
2021-02-13 19:40:20 -05:00
Atul Varma
b441b10493
Add typecheck script.
2021-02-13 19:27:25 -05:00
Atul Varma
323eede18e
Get rid of unused width/height attrs.
2021-02-13 19:26:07 -05:00
Atul Varma
56fd341daa
Factor out colors.ts.
2021-02-13 19:24:46 -05:00
Atul Varma
27cbf37209
Detect bounding boxes of symbols and crop to them.
2021-02-13 09:02:25 -05:00
Atul Varma
319d8b63a7
Add explanation for vendoring.
2021-02-13 08:27:35 -05:00
Atul Varma
af765eb913
Vendor bezier.js.
2021-02-13 08:26:21 -05:00
Atul Varma
aa61f26c79
Rename to Mystic Symbolic.
2021-02-13 07:20:16 -05:00
Atul Varma
ea1f42d810
Simplify stroke/fill logic.
2021-02-06 10:57:41 -05:00
Atul Varma
026b02ef7f
Add link to codepen.
2021-02-06 08:13:56 -05:00
Atul Varma
b17f429ef8
Add checkerboard bg.
2021-02-06 08:11:20 -05:00
Atul Varma
1e3cbe73b1
Add support for shadows, bg color.
2021-02-06 08:02:18 -05:00
Atul Varma
5df222edea
Process multiple children of <svg>, store SVG as struct.
2021-02-06 07:50:51 -05:00
Atul Varma
67d8c8f3e2
Clear dist dir before building for deploy.
2021-02-03 20:35:19 -05:00
Atul Varma
d55c03fcc5
Use filename as name, not <g> id.
2021-02-03 20:29:42 -05:00
Atul Varma
63f3c2be88
Use one paragraph for stroke and fill
2021-02-03 20:26:17 -05:00
Atul Varma
2d1fb67839
Change styling a bit.
2021-02-03 20:23:24 -05:00
Atul Varma
bb31446260
Update README.
2021-02-03 20:14:15 -05:00
Atul Varma
72505ac1ff
Add deploy script.
2021-02-03 20:08:18 -05:00
Atul Varma
ac11ec8227
add 'npm run build' script.
2021-02-03 20:06:35 -05:00
Atul Varma
65ad4aa96b
Don't version built vocabulary.
2021-02-03 19:59:39 -05:00
Atul Varma
66fc1caaac
don't replace fill/stroke of 'none'.
2021-02-03 19:58:25 -05:00
Atul Varma
511ea2510b
Make stroke/fill configurable.
2021-02-03 19:53:01 -05:00
Atul Varma
db29a5af47
Factor out px().
2021-02-03 19:39:48 -05:00
Atul Varma
7019199bd4
Show all symbols.
2021-02-03 19:36:29 -05:00
Atul Varma
f0960d4280
use react.
2021-02-03 19:11:34 -05:00
Atul Varma
18275408e7
Rebuild vocabulary.
2021-02-03 19:02:17 -05:00
Atul Varma
8037ae9e3f
Add width/height to vocabulary.
2021-02-03 18:55:39 -05:00
Atul Varma
5fc1ac97b4
Add .vscode dir.
2021-02-03 18:54:57 -05:00
Atul Varma
9244d57d5c
Add sized SVGs.
2021-02-03 18:41:53 -05:00
Atul Varma
a4a1013a8c
Add more stuff.
2021-02-02 20:09:49 -05:00
Atul Varma
06dcf5fcfc
Add readme.
2021-02-02 19:45:12 -05:00
Atul Varma
e507f6311d
remove fill, stroke attrs
2021-02-02 19:40:56 -05:00
Atul Varma
1a4c8adc41
Origination.
2021-02-02 19:26:40 -05:00