radius = 300
circle_size = 300
step = 3
x, y = 500, 500

fill(1)
stroke(0)

for d in range(0, 360, step):
    circle1 = BezierPath()
    circle1.oval(x - circle_size / 2, y - circle_size / 2, circle_size, circle_size)
    circle1.translate(0, radius)
    circle1.rotate(d, (x, y))

    circle2 = BezierPath()
    circle2.oval(x - circle_size / 2, y - circle_size / 2, circle_size, circle_size)
    circle2.translate(0, radius)
    circle2.rotate(d + step, (x, y))
    
    dif = circle2.difference(circle1)
    drawPath(dif)

In response to https://twitter.com/MauriceMeilleur/status/1242196482717110274

@MauriceMeilleur

An arbitrary amount of circles seemingly overlapping:

import random

number_of_circles = 10
radius = 100
wobble = 400
canvas_size = 1000

circles = []
drawn_circles = []
center = canvas_size / 2

# Create circles
for i in range(number_of_circles):
    x  = center - (wobble * 0.5) + random.random() * wobble
    y  = center - (wobble * 0.5) + random.random() * wobble
    circle = BezierPath()
    circle.oval(x - radius, y - radius, radius * 2, radius * 2)
    circles.append(circle)

# Check if circles overlap
for circle in circles:
    for i in range(len(drawn_circles)):
        intersecting_shape = circle.intersection(circles[i])
        if len(intersecting_shape.points) > 0:
            circle = circle.difference(circles[i])
    drawn_circles.append(circle)

# Draw circles, or what’s left of them
newPage(canvas_size, canvas_size)
fill(None)
stroke(0)
for circle in drawn_circles:
    drawPath(circle)

radius = 300
circle_size = 300
step = 3
x, y = 500, 500

fill(1)
stroke(0)

for d in range(0, 360, step):
    circle1 = BezierPath()
    circle1.oval(x - circle_size / 2, y - circle_size / 2, circle_size, circle_size)
    circle1.translate(0, radius)
    circle1.rotate(d, (x, y))

    circle2 = BezierPath()
    circle2.oval(x - circle_size / 2, y - circle_size / 2, circle_size, circle_size)
    circle2.translate(0, radius)
    circle2.rotate(d + step, (x, y))
    
    dif = circle2.difference(circle1)
    drawPath(dif)

In response to https://twitter.com/MauriceMeilleur/status/1242196482717110274

@frederik You opened a door to a whole new world for me. This is much simpler than I thought. And at the same time, I think it’s going to take me some time to get my head around all this pen-stuff. Thanks!

Is there an easy way to add anchor points to a path, like the Add Anchor Points command in Illustrator?

(I looked here and in the documentation, but I can’t find it.)

Thanks for the tip @gferreira

Running the script and saving to a gif is faster, only two seconds though. But not having to wait for the Drawbot app to finish is a great improvement.

I create animated gifs with Drawbot. They’re somewhat complex and take some time to proces and draw. After calculating, drawing, and saving all frames to a gif, Drawbot remains unresponsive. It seems it needs considerable time to draw the canvases in the app.

For example, for my last animation it took 69 seconds to calculate and save 78 frames to a gif, and then an extra 25 seconds for Drawbot to start drawing 78 canvases — the (actual, visible) drawing takes less than a second — and become responsive again.

I’m a little curious why this is. If the canvases can be saved as a gif, they should be already be there? Why should it take that much time to draw them on screen?

And, is it possible to only save as gif, and not draw the canvas in the Drawbot app?

Screen recording on youtube

Saving of the gif at 1:08

Drawbot draws canvases and becomes responsive at 1:34

The gif on twitter.