Yin & Yang

**Acorn** · 27 October 2018, 06:04 PM

@Gary, the only difference I would have made was change the larger circle to Editable Shape and remove a node and make the top and bottom nodes Line and Cusp.
I would then have cloned and flipped to get another semi-circle.

To make it with circles only, I drew my large circle with a Linear Fill, Black and White and Profile (1, 0).

Acorn

**Acorn** · 27 October 2018, 06:21 PM

Here is my solution: Yin & Yang.xar.

If you are puzzled by the "square" Yin & Yang, that one needs to be Previewed in a browser.
A small bit of CSS turns the squares into the required circles.

Why?

Two reasons.
First, it removes jaggies that bitmaps produce. Scale the browser to 500% or higher and compare top with bottom.
Second, only one image is generated and that is tiny. Download and rendering speeds are therefore quicker. I could have used code to generate the abrupt linear gradient but its coding is almost as bit as the small bitmap I chose instead.

Acorn

**gwpriester** · 27 October 2018, 06:31 PM

Here are a few more. I must have done at least three dozen of these over the years.

**Egg Bramhill** · 27 October 2018, 07:41 PM

That's clever stuff Acorn

**gwpriester** · 27 October 2018, 09:12 PM

+1.5

**Jonopen** · 27 October 2018, 10:25 PM

That really had me scratching me head until I saw Gary's solution - then it was so easy

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

**gwpriester** · 27 October 2018, 11:44 PM

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

Yeah I had to work a little to see that one before I posted it.

**stygg2003** · 28 October 2018, 10:43 AM

Yin &Yang commas

Just wanted to see how it would turn out.

The top image is Gary's method.

Stygg

**gwpriester** · 01 January 2021, 01:13 AM

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

Thank you.

**Acorn** · 31 December 2020, 09:11 PM

Originally Posted by Acorn

Here is my solution: Yin & Yang.xar.

If you are puzzled by the "square" Yin & Yang, that one needs to be Previewed in a browser.
A small bit of CSS turns the squares into the required circles.

Why?

Two reasons.
First, it removes jaggies that bitmaps produce. Scale the browser to 500% or higher and compare top with bottom.
Second, only one image is generated and that is tiny. Download and rendering speeds are therefore quicker. I could have used code to generate the abrupt linear gradient but its coding is almost as bit as the small bitmap I chose instead.

Acorn

An improvement that does not need CSS coding, Xara provides it free-of-charge: Yin & Yang.xar

The red shape is made from rounded rectangles!

Happy New Year,
Acorn