Posts made by frederik

a possible solution:

https://gist.github.com/typemytype/61976b9fde748807ec7fcd620788f0d5

You could create a python module by saving a .py with your template code, containing def's and class's in the external script folder: '~/Library/Application Support/DrawBot/Python3.7'. For example save it as myTemplates.py with a code like def myPageMaker()...

Inside drawBot you can import your module by the filename of the module: from myTemplates import myPageMaker.

Hope this makes sense

good luck!

pageBot can do this...

now you are going in both direction with in increasing speed, while when you go back you to start fast and end slow:

def linear(factor):
    return factor

def easeIn(factor):
    return factor*factor

def easeOut(factor):
    return factor * (2-factor)


steps = 100

blockWidth = width() / steps


for func in [linear, easeIn, easeOut]:
    newPage(2000, 1000)
    for i in range(steps):
        factor = i / (steps-1)
        factor = func(factor)
        rect(0, 0, blockWidth, height() * factor)    
        translate(blockWidth, 0)    
    
    for i in range(steps):
        factor = i / (steps-1)
        # go the other way around
        factor = func(1 - factor)
        rect(0, 0, blockWidth, height() * factor)    
        translate(blockWidth, 0)   

I don't know why but my wild guess is it has todo with drawing ovals at more extreme w, h ratios, when the points are on the extremes you will need a pushing point in the middle to nice curve back.

@gferreira you method only works for circles...

the drawBot RoboFont extension has points on the extremes, cause the context is type... see https://github.com/typemytype/drawBotRoboFontExtension/blob/master/DrawBot.roboFontExt/lib/glyphContext.py#L23

see the big difference when the oval is getting thinner...

def straightOval(x, y, w, h):
        c = 0.55
        hx = w * c * .5
        hy = h * c * .5
        path = BezierPath()
        path.moveTo((x + w * .5, y))
        path.curveTo((x + w * .5 + hx, y), (x + w, y + h * .5 - hy), (x + w, y + h * .5))
        path.curveTo((x + w, y + h * .5 + hy), (x + w * .5 + hx, y + h), (x + w * .5, y + h))
        path.curveTo((x + w * .5 - hx, y + h), (x, y + h * .5 + hy), (x, y + h * .5))
        path.curveTo((x, y + h * .5 - hy), (x + w * .5 - hx, y), (x + w * .5, y))
        path.closePath()
        drawPath(path)
        

x, y, w, h = 10, 10, 8.0, 146.0


oval(x, y, w, h)
straightOval(x + w + 10, y, w, h)

you can get point labels in RoboFont with:

glyph = CurrentGlyph()

for contour in glyph:
    for point in contour.points:
        print(point.labels)

I dont know Glyhps but you can always do this in RoboFont with point labels!!!

you can use the FlattenPen from fontPens.

from fontPens.flattenPen import FlattenPen

# create an empty path
dest = BezierPath()
# create flatten pen that will draw into the dest bezierPath
pen = FlattenPen(dest, approximateSegmentLength=30, segmentLines=True)

# draw into the flatten pen
pen.moveTo((100, 100))
pen.curveTo((100, 150), (150, 200), (200, 200))
pen.endPath()

# create an other path
path = BezierPath()
# draw an oval
path.oval(200, 200, 200, 200)
# draw the path with oval in the flatten pen
path.drawToPen(pen)

# set stroke and fill
stroke(0)
fill(None)
# draw the dest
drawPath(dest)

to learn more about pens and how to use them see https://robofont.com/documentation/how-tos/using-pens/

this should be resolved in the latest update!!!

two things:

why generate a binary and read the the binary back in? see f1.generate("otfcff", "f1.otf")

Give you new font a unique name based on the interp_factor. The font familyName and styleName makes up the postScriptName which has to be unique to set a font in drawBot (and everywhere else). In your case the font familyName and styleName will be "None" "None". This is not good...

DrawBot has an abstract stack of "actions" which can be applied on different contexts. One context is your output: an animated gif. And there is always a drawBot context to create the preview pdf data.

Using drawBot from the module helps in this case as @gferreira suggested.

there are several options:

• font.interpolate will returns a ufo
• a designspace document with a given location will also returns a ufo, use mutatorMath
• generate a variable font

Generating variable fonts from design spaces is not difficult: in RoboFont you can use the Batch extension. In DrawBot you can pip install ufo2ft to generate a var font and use it inside your type setting.

good luck!

Inside the app DrawBot an RFont has no implementation for the method generate.

Inside RoboFont you can use the DrawBot extension, where you can have all the powers DrawBot has to draw and all the powers RoboFont has to edit font data, and also call font.generate(...).

every arc is separate contours in a path, what you see is the lineCap (see)

and I think nodebox is the the itself app and has no setup.py.

search tries to match the search term with possible PyPi projects.

you can pip install nodebox-opengl or NodeBox or nodebox-color.

g is just a reference to the same object. You need to create a copy to get a new object with the same content.

import copy

a = 1
b = [(a, a), (a + 1, a + 1)]
print(id(b))

g = b
print(id(g))

g = copy.deepcopy(b)
print(id(g))

small example to get you started!!

there are multiple formulas to ease in ease out..

def linear(factor):
    return factor

def easeIn(factor):
    return factor*factor

def easeOut(factor):
    return factor * (2-factor)


steps = 100

blockWidth = width() / steps


for func in [linear, easeIn, easeOut]:
    newPage()
    for i in range(steps):
        factor = i / (steps-1)
        factor = func(factor)
        rect(0, 0, blockWidth, height() * factor)    
        translate(blockWidth, 0)    

what does work:

im = ImageObject()

im.linearGradient((300, 300), (50, 0), (300, 0), color0=(1, 0, 0, 1), color1=(0, 1, 0, .3))

fontSize(100)
text("Hello World", (0, 30))

image(im, (0, 0))

This creates a image with a gradient with opacity. But it will be a lot slower...

continue here: https://github.com/typemytype/drawbot/issues/355

typemytype created this issue in typemytype/drawbot

open opaque gradients #355