mysticsymbolic / mysticsymbolic.github.io

Fun with procedurally generated visionary art!
https://mysticsymbolic.art/
Other
52 stars 11 forks source link

Add a 'mono' button. #229

Closed toolness closed 3 years ago

toolness commented 3 years ago

This adds another color-modifying button, "Mono", which makes the fill and stroke colors a minor variation of the background. This makes the composition as a whole monochromatic, hence the name. (Err, at least I think that's an accurate word for what's being done, let me know if I'm wrong!)

image

Here's an example of a design before pressing the button:

mystic-symbolic-creature-rain

And here's what it looks like after:

mystic-symbolic-creature-rain(1)

In practice, this is just tinting the background by black (stroke) and white (fill) a tiny bit. The color transformation could be used, for instance, to turn a cluster (even a simple one that is essentially just a single symbol) into a background for another cluster. (Note that there's not currently an easy way to actually compose multiple compositions like this, though I'd like there to be!)

@ninapaley is this the kind of effect you were thinking of, when you described having a very low-contrast symbol be the background for a cluster/mandala?

toolness commented 3 years ago

@ninapaley alternatively, I could lighten both fill and stroke by a different amount, which creates an event lower-contrast image:

mystic-symbolic-creature-rain(2)

ninapaley commented 3 years ago

Cooool!

How about a way to eliminate the stroke altogether, and just have a low-contrast fill? This would only work on symbols that don't rely on strokes for the design (tree roots and water strokes would disappear). I could specify which are which in the TOMLs, if necessary.

ninapaley commented 3 years ago

(Note that there's not currently an easy way to actually compose multiple compositions like this, though I'd like there to be!)

Same here! Combining foregrounds with backgrounds is the next big step.

ninapaley commented 3 years ago

Actually as I play with this more, I LIKE that the strokes are still visible.

It'll be interesting to see how these look as backgrounds with other clusters on top of them. Might need to size 'em differently, perhaps with the background image larger/getting cropped by the canvas.

toolness commented 3 years ago

Oh cool! My thinking with the stroke was that the user could slide the "stroke width" slider down to zero? Or does that not do the same thing as what you're suggesting?

ninapaley commented 3 years ago

Oh cool! My thinking with the stroke was that the user could slide the "stroke width" slider down to zero? Or does that not do the same thing as what you're suggesting?

That does the same thing, yep!

toolness commented 3 years ago

Ok cool, for now I guess I'll merge this PR and we can tinker onwards!