A new version is available:

• The launch time is now at lightning speed!

• Added a new keyword argument center for the rotate(), scale(), and skew() functions.

The optional center argument will make the transformation be centered around the given point:

rotate(20, center=(500, 500)) # rotate around (500, 500)
rect(250, 250, 500, 500)

Just for reference: the extra argument does the same as this example but is a lot more convenient:

# define a center point
centerX, centerY = 500, 500
# translate to that center point
translate(centerX, centerY)
# do the transformation
rotate(20)
# translate back 
translate(-centerX, -centerY)
# draw something
rect(250, 250, 500, 500)

Download and Play!!!

that is possible you can use:

from drawBot.context.tools.gifTools import generateGif

generateGif(gifPaths, destinationPath, frameRates)
# gifPaths: a list of paths to gif files
# destinationPath: a path where to save the animated gif
# frameRates: a list with the same length as the gifPaths of ints in 1/100sec

see https://github.com/typemytype/drawbot/blob/master/drawBot/context/tools/gifTools.py#L11

hope this works!

• Adding bezierPath.expandStroke(width, lineCap="round", lineJoin="round", miterLimit=10) (thanks to Bahman Eslami)

• Improved internal OpenType feature tags setting

• Improved complex formattedString type setting

• Improved alignment with text() and FormattedString

• Added a DrawBot frontend for pip/PyPI to make it super easy to install third-party packages: see menu Python -> Install Python Packages...

  

• Fixed text stroke behavior (but is a breaking change): strokeWidth on text no longer scales with the fontSize

• Removed support for .mov export on 10.15 and up (QTKit is no longer supported there)

• Fixed extracting single frames from .gif files

• Improved setup.py, so drawbot-as-a-module can be easily installed with pip using a github URL

• All test now run on Travis CI (and soon also on GitHub Actions)

• Removed Python 2 code

• Many small issues were fixed

• Jumping to python 3.7

  If you use external packages you will need to install them for python 3.7. If you don't have python 3.7 installed you will need to do that first.

• Improved syntax highlighting for python 3

• Fallback fonts are also used in a svg context.

• listNamedInstances() lists all named instances for a variable font.

• BezierPath objects have bezierPath.line(pt1, pt2) and bezierPath.polygon(pt1, pt2, ...) methods.

• Update internal packages!

you could save the result to disk and open the result in an specified app with:

from drawBot import *

fill(random(), random(), random())
rect(10, 10, 100, 100)

path = "~/Desktop/test.pdf"
saveImage("~/Desktop/test.pdf")

import os
os.system(f"open --background -a Preview {path}")

I understand the confusion

a much better explanation:

The created arc is defined by a circle inscribed inside the angle specified by three points: the current point, the fromPoint parameter, and the toPoint parameter (in that order). The arc itself lies on the perimeter of the circle, whose radius is specified by the radius parameter. The arc is drawn between the two points of the circle that are tangent to the two legs of the angle.
The arc usually does not contain the points in the fromPoint and toPoint parameters. If the starting point of the arc does not coincide with the current point, a line is drawn between the two points. The starting point of the arc lies on the line defined by the current point and the fromPoint parameter.

https://developer.apple.com/documentation/appkit/nsbezierpath/1520737-appendbezierpathwitharcfrompoint

I will adjust the drawBot documentation

This is savedState() http://www.drawbot.com/content/canvas/state.html#drawBot.savedState

with savedState():
    # do something

This is more readable and clearer then wrapping code inside a save / restore statement.

For beginners there is not such a big difference:

Strings

All strings are unicode string, so no converting back and forth, but this is actually the best thing!!

print

print('hello world') requires brackets ( and )

divisions

Divisions are always floats so no more rounding, this is also a good thing: 1/3-> 0.333333 instead of 0

You keep the old behaviour with 1//3

If you dive deeper:

dictionaries

dict.keys(), dict.values(), dict.items() are not a lists anymore

Looping (a for loop or a while loop) over a dictionary and changing content of that dictionary is tricky:

for key in list(myDict.keys()):
    myDict[key] = "changed" + myDict[key]

There is of course more

• Python2 or Python3
• What's New
• google it

@thundernixon ssssht py3.6

there are plainly of references in generative art, going from artist like Sol Lewit to graphic designers Juriaan Schrofer and many more.

good luck!!

never used tkinter... DrawBot itself is made with `vanilla a pythonic wrapper around pyobjc.

vanilla has all the dialogs you'll need!

import vanilla

result = vanilla.dialogs.getFileOrFolder()
print(result)

import vanilla
help(vanilla.dialogs)

An ImageObject as support to generate barcodes.

fe: https://drawbot.com/content/image/imageObject.html#drawBot.context.tools.imageObject.ImageObject.code128BarcodeGenerator

im = ImageObject()

im.code128BarcodeGenerator((170, 32), message=b"hello world", quietSpace=0)
image(im, (10, 10))

Im making an issue to have the size argument optional.

scale the canvas based on the dimension of your destination rectangle:

# set a width height
w, h = 396, 244
# create a formattedString
txt = FormattedString()
# set a font
txt.font("Times")
# add some text
txt += "kweti"

#move it a bit
translate(100, 100)
# draw the black stroked rect
fill(None)
stroke(0)
rect(0, 0, w, h)

# create a path object
path = BezierPath()
# draw text into the path
path.text(txt)
# get the bounds of the path
minx, miny, maxx, maxy = path.bounds()
# get a scale value based on the bounding box
scaleX = w / (maxx - minx)
scaleY = h / (maxy - miny)
# pick the smallest one and shift up to the middle in the other direction
if scaleX < scaleY:
    scale(scaleX)
    shift = (h / scaleX - (maxy - miny)) / 2
    translate(0, shift)
else:
    scale(scaleY)
    shift = (w / scaleY - (maxx - minx)) / 2
    translate(shift, 0)
# translate witht the offset
translate(-minx, -miny)
# draw as text
text(txt, (0, 0))

frederik at typemytype.com should do it

mm, strange, could you share your font? (offline only with me or a simplified dummy example)

thanks

works also fine on Big Sur (11.4)

what is your OS version?

this simplified example works... on 10.13

translate(50, 50)

font('SourceSerif4Variable-Roman.ttf')
fontSize(76)
fontVariations(opsz=8)
text("hello world", (0, 0))

fontVariations(opsz=60)
text("hello world", (0, 80))

cool hack, Gustavo

Looking at a way to disable the automatic optical size scaling.

he Szymon!

a bezierPath object is not made to be editable. One way could be jumpt to a glyph object.

or do a detour by cutting the path in four quarters and draw them seperatly

# create a bezierPath
path = BezierPath()
# add text to the path with a font and fontSize
path.text("P", font="Helvetica-Bold", fontSize=778)
# move the page a bit
translate(100, 100)
# get the bounds of the path
minx, miny, maxx, maxy = path.bounds()
# calculate the width, height of the bounds
# we only need half the width, height
w = (maxx-minx) * .5
h = (maxy-miny) * .5
# create a bezierPath and add a quarter
bottomLeft = BezierPath()
bottomLeft.rect(minx, miny, w, h)
# create a bezierPath and add a quarter
bottomRight = BezierPath()
bottomRight.rect(minx + w, miny, w, h)
# create a bezierPath and add a quarter
topLeft = BezierPath()
topLeft.rect(minx, miny + h, w, h)
# create a bezierPath and add a quarter
topRight = BezierPath()
topRight.rect(minx + w, miny + h, w, h)

# only keep the path when both of the them are filled
bottomLeft = bottomLeft & path
bottomRight = bottomRight & path
topLeft = topLeft & path
topRight = topRight & path
# start drawing
with savedState():
    translate(w, h)
    skew(-30, 0)
    translate(-w, -h)
    fill(1, 0, 0)
    drawPath(bottomLeft)
    fill(1, 1, 0)
    drawPath(bottomRight)
    
fill(0, 1, 0)
drawPath(topLeft)
fill(0, 1, 1)
drawPath(topRight)

you will need to reset the drawing stack with newDrawing() after you exported a video

see https://www.drawbot.com/content/canvas/pages.html#drawBot.newDrawing

W, H = 500, 500
FRAMES = 5
fps = 5

outputs = 3
for output in range(outputs):
    
    newDrawing()

    for frame in range(FRAMES):
        newPage(W, H)
        frameDuration(1/fps)
        fill(1/(output+1))
        rect(0, 0, W, H)
    
    saveImage("~/Desktop/test-%s.mp4" % output)