Today I published a significant update to the circle pattern generator. Version 1.4.1 of the application is available for macOS and Windows for download. This new version adds various shapes, rotations, colours and a generator for circular or elliptical canvases.

Shapes

Circles are great, but different shapes may be better. The new version contains a small selection of shapes that can be used for the whole document or individually mixed.

The shape rendering in the SVG file is implemented using references.

<?xml version="1.0" encoding="utf-8"?>
<svg baseProfile="tiny" version="1.2" width="82mm" height="49mm" viewBox="0 0 82 49" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <g id="star1">
      <path d="M 0,-1 0.294,-0.404 0.951,-0.309 0.475,0.154 0.587,0.809 0,0.5 l -0.588,0.309 0.112,-0.654 -0.475,-0.463 0.657,-0.095 z" />
    </g>
  </defs>
  <rect x="0" y="0" width="82" height="49" fill="#e0e0e0" />
  <use xlink:href="#star1" transform="translate(35.4000 33.1000) scale(6) rotate(180.0000)" fill="#000000" />
  <use xlink:href="#star1" transform="translate(54.4000 19.3000) scale(5) rotate(180.0000)" fill="#000000" />
  ...
</svg>

So it is easy to replace a symbol in the definition tag, creating more complex documents, as I demonstrate below:

Rotation

Applying dynamic rotation based on item positions generates beautiful effects.

Colour

Colours can be generated dynamically by individually controlling hue, saturation, value and alpha based on the item position. This opens endless possibilities.

Round Canvas

Conclusion

I hope this update will help you create even more creative patterns. The examples I show here are just the tip of what’s possible with the generator.

If you have questions or feedback, feel free to comment below. Also, do not hesitate to contact me if you have feature requests or any feedback on the application.

Have a great day!