# SymmetriSketch: A simple app for playing with symmetry

We were recently contacted by a mathematics instructor, who suggested that it might be interesting to have a program like Snowflake, but with the option of picking and choosing different symmetry properties.

Natural snowflakes have (approximate) sixfold rotation symmetry plus reflection symmetry. However, a lot of things that you can draw by hand have absolutely no resemblance to snowflakes at all– and it is somewhat fun to explicitly play with the rules.

Our new program, SymmetriSketch, sticks to the same basic design principles as Snowflake: it’s cross platform, open source, and able to export a true vector drawing with a closed path. However, SymmetriSketch is a much more flexible program that allows you to play with different symmetries, and create all kinds of different things that would never be mistaken for frozen water.

Here’s what it looks like when the program first opens:

The initial shape is an overall pentagon– an object with five-fold rotation symmetry and reflection symmetry. The figure is generated by taking the editable slice– highlighted here and when you start the program– and reflecting and rotating it to complete the full shape that you see.

Within the editable slice, you can also see three highlighted control points that can be dragged around. There is control point at every vertex and at the midpoint of every line segment between two vertices. If you drag a control point that is the midpoint of a line segment, it turns that control point into a new vertex. That new vertex also gets new control points at the midpoints to its neighbors.

Every vertex point can be moved to any location on the screen with the exception of the vertex that is initially at the top point of the pentagon– that vertex is constrained to move along the vertical axis– the axis of reflection symmetry.

The controls are purposefully kept simple. There are two symmetry controls– for the order of rotational symmetry and to toggle reflection– which you can change in the lower left hand corner of the screen.

The number, with its +/- controls, refers to the order of discrete rotational symmetry. If the number shown is n, then n-fold rotational symmetry is applied, which means that the displayed object is unchanged when rotated by 360 degrees/n. In the screenshot above, 9-fold rotational symmetry is applied.

Orders from 1 to 99 are allowed– note that 1-fold rotational symmetry is “no symmetry at all” since it requires 360/1 = 360 degrees of rotation to return to the original shape.

The second control is for reflection symmetry, and toggles between “reflect” or “rot. only,” where it either does, or does not apply a mirror reflection across the vertical axis.

With reflection symmetry turned off, the figure is drawn with pure rotational symmetry. (This screenshot was taken while editing the shape, and you can see control points, indicated by little circles.)

Going for higher orders of rotational symmetry can lead to interesting looking shapes as well:

At the lower right corner of the window are “Clear” and “Save” buttons. The “Clear” button that erases your drawing and resets the vertices on the screen. The “Save” button saves your drawing as a PDF file. The file is automatically saved in the same folder as the SymmetriSketch program, with file name SymmetriSketch-####.pdf, where #### is a number.

Here is what the PDF output looks like, in comparison to the program that generated it on screen.

The PDF files are saved with single-stroke output. That is to say, any shape drawn by this program can be drawn in one pass, without lifting a pen– although lines are allowed to cross. That makes the program suitable for designing continuous paths for pen plotters, vinyl cutters, engraving machines, and other CNC and art robots.

The current version is SymmetriSketch 1.0, uploaded July 22,2009.

Programs written in Processing are called sketches. The SymmetriSketch sketch can be either opened and run directly– as an application– or executed from within the Processing environment.

• Linux (1.2 MB .ZIP archive)
• Mac (1.3 MB .ZIP archive)
• Windows (1.2 MB .ZIP archive)

We suspect that this app will lead to some good geometric play time– and maybe even interesting objects via the vector export. We’d love to see the drawings that you produce in the Evil Mad Science Auxiliary!

## 20 thoughts on “SymmetriSketch: A simple app for playing with symmetry”

1. Anonymous says:

Windell H. Oskay

1. It is possible, but the performance is (almost always) *terrible.* This is a smooth graphic app, and isn’t beautiful when it runs in a browser.

Windell H. Oskay

2. Anonymous says:

Caused quite a problem with Ubuntu 9.14. Had to restart the x server after the desktop borked.

1. I just tried my local copy of Ubuntu 9.0.4 (I think) and it seemed to be working flawlessly– running the executable version.

(I did have to install the latest Java Runtime in order to do so, but that’s a matter of adding it from the menu option….)

Windell H. Oskay

3. Anonymous says:

Very nice, runs fine on my MacBook Pro. This would make a cute iPhone app, too!

4. zifmia says:

I saw some of these pictures and immediately thought– coloring book. At least for some images that create interlocking regions (e.g. example 6986) rather than single regions with complex edges.

I can certainly print images and to this the old-fashioned way with crayons, colored pencils, etc. Can I get these images into a paint program on the computer? No paint program I have knows how to read a pdf image.

I did a bit of looking online to find either a paint program that could read pdfs or a simple converter to turn pdf into jpg/bmp/whatever. I found a few programs but they were all over my budget for this, which being something I might use just a few times for fun is basically free.

Any suggestions?

1. Inkscape might do what you’re looking for– it can import PDF and export bitmaps (png, etc). It’s free, open source, and cross platform as well. :)

You can also take a screenshot of the SymmetriSketch window — that’s a quick way to get the image into a bitmap! Or, you could edit the code of the program to produce a bitmap output instead of PDF.

Windell H. Oskay

2. Anonymous says:

Simple!

Use your "print screen" button and paste the screen into your (any) paint program.

best of luck from
NoLuck

1. zifmia says:

Doh! Thanks, that worked great.

2. Anonymous says:

Well, I see Windell beat me to the answer (with a better answer) by 3 minutes!

Windell = FIRST PRIZE!

Best of luck from
NoLuck

1. zifmia says:

I’ll have to play with this more when I’m not hiding this at work. I think some of my kids will like this a lot too. Thanks.

5. Anonymous says:

It’s awesome… simple awesome

1. This program is already *much* more portable than what they call "Portable Apps." Those so-called "portable" things only run on windows– this has three separate versions for Windows, Macs, and Linux. There is no installer program, just the program itself, and no files are saved except in the directory with the application.

So far as I can tell, you can just copy it to a USB drive and run it from there… unlike with those so-called "Portable Apps," which require a special installer.

Windell H. Oskay