5c903c0794
Allow stroke width to go to 0. Fixes #14 .
2021-02-20 11:41:41 -05:00
6f71305dd2
Add configurable bg color to creature page. ( #19 )
...
This fixes #12 by adding a background color picker to the creature page.
The default background color is `#cccccc`, which I _think_ is mid-gray.
2021-02-20 11:38:04 -05:00
5c97a0e646
Set keyboard shortcut for randomize button ( #13 ).
2021-02-20 11:07:57 -05:00
19ead8b833
Deal gracefully w/ symbols that lack attachment points.
2021-02-18 22:25:11 -05:00
e89d613b38
Add a stroke width slider.
2021-02-18 22:13:01 -05:00
4dafa463ec
Change "muscle arm" to "muscle_arm" in creature-page.tsx ( #9 )
2021-02-18 20:06:41 -05:00
f79214dfbb
Work around unsupported transform-origin on Safari.
2021-02-17 12:37:24 -05:00
3d04bdcd82
Group 'Export SVG' button with other buttons.
2021-02-17 09:14:06 -05:00
68f5339e5f
Add 'Export SVG' button.
2021-02-17 08:46:30 -05:00
9d47ddf1b2
Add reset button.
2021-02-17 08:10:20 -05:00
b81f11fe76
Factor out SymbolContextWidget, use it on creature page.
2021-02-17 08:07:04 -05:00
93225e9b6c
Add more docs to readme, link to github repo in website.
2021-02-17 07:41:26 -05:00
75c68bb1fb
Use uniform, non-scaling-stroke.
2021-02-17 07:29:56 -05:00
f64c600825
Factor out <AutoSizingSvg>.
2021-02-16 20:54:05 -05:00
6502d09177
Auto-resize SVG as needed.
2021-02-16 20:47:12 -05:00
10341598ea
Randomly replace creature parts.
2021-02-16 17:42:19 -05:00
7db7c74516
Add left/right booleans to CreatureSymbolProps.
2021-02-16 17:11:41 -05:00
b2c073fa7c
Factor out AttachmentTransform component.
2021-02-16 16:43:47 -05:00
d663915f0e
Make creature strokes non-scaling. ( #6 )
...
This attempts to manually scale the strokes on creatures so they aren't affected by scale.
The weird thing here is that applying `vector-effect="non-scaling-stroke"` does not appear to do the trick--rather, it makes all the strokes look _super heavy_. So in this PR we scale the stroke by the inverse of whatever we're cumulatively scaling by when we're drawing something.
2021-02-16 13:36:14 -05:00
2b27ae02a4
Fix math-related bugs in attachment code. ( #5 )
...
This fixes a bunch of bugs in our attachment-related code, and in so doing refactors things to make more sense, adds more tests, and also adds documentation.
2021-02-16 11:52:52 -05:00
9ac1243249
Oops, fix type error.
2021-02-16 07:17:40 -05:00
aa87e3b77e
Sort attachment points top to bottom, left to right.
2021-02-16 07:04:16 -05:00
cbf57f7fef
Add more tests.
2021-02-16 06:49:45 -05:00
6dfa738548
Add test suite.
2021-02-16 06:21:51 -05:00
5f237b52bb
Add legs.
2021-02-15 22:51:35 -05:00
93e972256c
Add 'show specs' checkbox on creature page.
2021-02-15 22:36:18 -05:00
a44c43a04e
Make spec slightly transparent.
2021-02-15 20:34:49 -05:00
baf1f379b8
Add more stuff to creature.
2021-02-15 20:20:41 -05:00
b3402a2992
Take into account rotation of tail/anchor point.
2021-02-15 20:12:14 -05:00
f1207e5d9d
Add basic rotations, fix z-indexing.
2021-02-15 19:28:03 -05:00
31fcbeaf89
Adjust scaling and such.
2021-02-15 17:22:59 -05:00
de57971921
Remove random part TODOs for now.
2021-02-15 17:20:05 -05:00
3e225a09be
Factor out CreatureContext and CreatureSymbol.
2021-02-15 17:19:07 -05:00
61697d4552
Put hand on eye.
2021-02-15 16:40:47 -05:00
36165f2892
Make all symbol names lowercase.
2021-02-15 12:39:22 -05:00
e736afc7be
Rename vocabulary.ts to vocabulary-builder.ts.
2021-02-15 12:37:25 -05:00
291c9d60fa
Factor out svg-symbol.tsx, visible-specs.tsx.
2021-02-15 09:56:02 -05:00
455fb4ee45
Fix react attribute warnings on waves page.
2021-02-15 09:14:17 -05:00
11c27b905f
Make attachment point code more DRY.
2021-02-15 09:13:00 -05:00
2384d1eac3
Add a placeholder creature page.
2021-02-15 08:34:22 -05:00
f908ab253d
Add a simple linear congruential PRNG.
2021-02-15 08:34:05 -05:00
972cecb056
Factor out svg-vocabulary.ts, increase symbol padding.
2021-02-15 08:33:33 -05:00
4334a3eb3c
Enable stricter typescript checks, remove unused import.
2021-02-15 07:44:22 -05:00
897448ee6e
Use latest symbols.
2021-02-15 07:33:48 -05:00
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
a58ac3e5ff
Add stroke/fill widgets.
2021-02-14 17:29:37 -05:00
bcd5390ca1
Tweak some stuff.
2021-02-14 17:19:01 -05:00
01ee8068db
Add some sliders.
2021-02-14 17:13:27 -05:00
046c940351
Add waves.
2021-02-14 16:39:10 -05:00
0652aa19ea
Add rudimentary about page.
2021-02-14 12:32:55 -05:00
Atul Varma