drafts

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.

hello @craig,

it looks like variable optical sizes are selected automatically based on the point size. you can then use scale() to make text bigger or smaller:

ttfPath = 'SourceSerif4Variable-Roman.ttf'
txt = 'Handgloves'

font(ttfPath)
translate(20, 100)

with savedState():
    scale(40)
    fontSize(6)
    text(txt, (0, 0))

translate(0, 300)
with savedState():
    scale(13)
    fontSize(19)
    text(txt, (0, 0))

translate(0, 300)
with savedState():
    scale(4)
    fontSize(72)
    text(txt, (0, 0))

hope this helps! cheers

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)

Your scripts ends at the last line, that is also the moment the "output view" stops listening to print statements of your script.

However that window is still open and calls print when you hit that button. DrawBot collects all these in a debugger window: use alt+cmd+ ? to open that window (or press alt with the Help menu open.

see https://github.com/typemytype/drawbot/releases/tag/3.128

enjoy!!