Posts made by frederik

• support for 10.14 dark mode
• new .icns context

see https://github.com/typemytype/drawbot/commit/d989e8bd0db35489d3eaeca453366d70a8877a1e

0 typemytype committed to typemytype/drawbot

improve documentation

A small example with a pen saving to a ufo file

from fontParts.world import RFont

# create a font object
myFont = RFont(showInterface=False)
# create a glyph object
myGlyph = myFont.newGlyph("a")
# get the pen
myPen = myGlyph.getPen()
# draw into the pen, similar as a DrawBot BezierPath
myPen.moveTo((100, 100))
myPen.lineTo((100, 200))
myPen.lineTo((200, 200))
myPen.lineTo((200, 100))
myPen.closePath()
# using a bezierPath
myPath = BezierPath()
# draw into the bezierPath
myPath.oval(10, 10, 50, 50)
myPath.text("Hello World", (60, 10))
# draw the bezierPath into the glyph pen
myPath.drawToPen(myPen)
# save the ufo
myFont.save("path/to/save.ufo")

# get a bezierPath
path = BezierPath()
# draw the glyph into the bezierPath
myGlyph.draw(path)
# draw the bezierPath
drawPath(path)

with DrawBot as a RoboFont extension you can also just draw into a glyph as a context, similar as drawing into a pdf, png, gif, ...

# run this RoboFont with the DrawBot extension

oval(10, 10, 100, 100)
text("Hello World", (110, 10))


# 'a(background).glyph'
saveImage("a.glyph")

this is looking good!!!

All font related python packages necessary to build a font are embedded. Like fontParts, defcon to build .ufo files and fontTools to construct a binary font file.

I would start with fontParts and using pens to draw in side a glyph. A drawBot BezierPath already acts like a pen.

good luck!

super nice drawing! thanks @gferreira

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

path.arcTo(pt1, pt2, radius) draws a line between the current point (fe a previously set moveTo) to pt1 and arcs to pt2 with a given radius:

path = BezierPath()

path.moveTo((100, 100))
path.arcTo((150, 100), (200, 200), 30)


fill(None)
stroke(0)
drawPath(path)

there are different ways of looking at a BezierPath object:

• as flat list of points: path.points
• as a list of contours: for contour in path:
• as a nested list of contours with segments:

  for contour in path:
     for segment in contour:  
         # line
         # on curve
        
         # curve 
         # off curve, off curve, on curve          
         print(segment)
  

listFontVariations() returns a (ordered) dict that can be adapted and reused as **keyword arguments while applying the font variations.

You can convert a dictionary to keyword arguments:

myVariations = {
    "wght": 100,
    "wdth": 900
}
fontVariations(**myVariations)

similar a list/tuple can be converted to a arguments:

myColor = (1, 0, 1)
fill(*myColor)
stroke(*myColor)
rect(10, 10, 100, 100)

this is super cool!

found it back: this reminds me a thing I wrote some years ago

looking good!!

thanks Gustavo!

A BezierPath acts already like a pen or pointPen object and can be draw into a pen using path.drawToPen(anotherPen) or path.drawToPointPen(anotherPointPen)

see BezierPath.drawToPen

Could you share the script or make a dummy script causing this behaviour?

What is your OS?

You could install drawBot as a module (with all required packages) and run the a script in terminal.

DrawBot could be installed as module, so the import could be available.

check:

import AppKit

appName = AppKit.NSBundle.mainBundle().infoDictionary().get("CFBundleDisplayName")
print(appName)

appName will be DrawBot, RoboFont or None (in terminal)

good luck!

• Adding for imageResolution returning the resolution of an given image.
• Update internal tools like fontTools.
• Improve print representation of a Formatted String with added glyph names.

thanks @gferreira!
use a FormattedString with BezierPath.text to convert to hard outlines.

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

with savedStated():
    # do something

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

@mauricemeilleur cool! thanks for sharing

the 4 'rings' could also be made inside a for loop, the variable is in the translate factor of the size of the canvas