More Ellipses, lots of Ellipses

If you saw my last post where i showed I'd been playing with drawing ellipses in P5JS I mentioned that I'd been trying to create  a simple animation of circles of continually decreasing circles. The result of my first attempt was interesting and I think quite beautiful, so here is is again.

See the Pen NxBJdy by Catherine Jones (@m-fkill) on CodePen.

Well after that I carried on. I thought making the circles as individual objects and then repeatedly drawing them at different sizes might be the way to go.

It wasn't but after playing with the parameters it gave an interesting effect

See the Pen QyZmpM by Catherine Jones (@m-fkill) on CodePen.

The third attempt to the object orientated approach further.  Each circle would be an individual object and I would give them a start radius, reduce the radius on each frame. Then when the radius reached zero, reset it back to the original size.

This sort of worked but it tended to create batches of circles with different gaps to other circles.  I think I could have made it work by working out the number of circles I needed for a particular canvas size and gap between the circles.  But it felt that it was starting to get complicated.

Of all the attempts though I think the result I ended with here is my favourite. Seeing the Circle pattern appear to grow, stay steady for a while then it sort of implodes on itself before finding its actual final pattern after around one minute was sort of cool, I couldn't have predicted that. If I had wanted to come up with that sort of effect I certainly wouldn't have gone about it that way.

See the Pen OMBvmR by Catherine Jones (@m-fkill) on CodePen.

After rethinking what I was trying to achieve and looking back at my previous attempts and what I had learned. Finally coming up with the working circle pattern was a lot easier and the simplest code of all the previous attempts. But i couldn't have done it without the others.

See the Pen BjqrZp by Catherine Jones (@m-fkill) on CodePen.

Comments are closed.