hello @eduairet,
you can use the pageNumber argument in image or imageSize to get a given frame in a multipage image (gif or pdf). important: page numbering starts at 1.
see Inserting a PDF
path = '~/Desktop/image.gif'
pageCount = numberOfPages(path)
for pageNumber in range(1, pageCount+1):
w, h = imageSize(path, pageNumber=pageNumber)
newPage(w, h)
image(path, (0, 0), pageNumber=pageNumber)
cheers!
hello @guidoferreyra,
ovals and rects are also available as methods of BezierPath, so you can use that same solution to draw the stroke inwards.
to draw the stroke outwards, you can draw the shape with a doubled stroke first, and then draw it again on top using only the fill (so the internal half of the stroke is covered).
here’s an updated example showing all 3 “stroke modes”:
STROKEWIDTH = 20
B = BezierPath()
B.text('a', (0, 0), fontSize=1200)
# B.rect(0, 0, 500, 500)
# B.oval(0, 0, 500, 500)
size(2200, 1000)
translate(50, 100)
fontSize(72)
for option in ['inside', 'center', 'outside']:
text(option, (100, 780))
save()
stroke(1, 0, 0)
if option == 'inside':
strokeWidth(STROKEWIDTH * 2)
with savedState():
clipPath(B)
drawPath(B)
elif option == 'outside':
strokeWidth(STROKEWIDTH * 2)
drawPath(B)
stroke(None)
drawPath(B)
else:
strokeWidth(STROKEWIDTH)
drawPath(B)
restore()
translate(700, 0)
hope this helps! cheers
hello @ryan,
I dont’t know why the extremes are angled…
here’s a way to get the desired result by modifying oval:
def twist(func, angle):
def wrapper(x, y, w, h):
with savedState():
translate(x + w/2, y + h/2)
rotate(angle)
func(-w/2, -h/2, w, h)
return wrapper
oval = twist(oval, 45)
when working with BezierPath, it’s possible to rotate the shape:
B = BezierPath()
B.oval(x, y, w, h)
B.rotate(45, (x + w/2, y + h/2))
hope this helps!
@michelangelo you can use DrawBot inside RoboFont with the DrawBot extension
hello @RicardGarcia,
for a simple interpolation between two masters you can use font.interpolate(factor, font1, font2) – see this example script.
hope this helps!
hello @MauriceMeilleur,
assigning a list to a new variable does not create a new list, just a new reference to the same list. (this also applies to dictionaries; both are mutable object types.)
there are different ways to create a copy of a list:
A = [1, 2, 3]
B = A.copy() # or list(A) # or A[:]
B.append(4)
print(A)
print(B)
cheers!
hello @MauriceMeilleur,
you can set a different resolution when saving images in DrawBot. this can produce a different size in pixels than the document size (in points):
size(100, 100)
rect(10, 10, 80, 80)
imgPath = '~/Desktop/malevich.png'
saveImage(imgPath, imageResolution=144) # 200% = 72dpi * 2
print(imageSize(imgPath))
# (200, 200)
you can also try using PIL/Pillow.
cheers!
hello @RicardGarcia,
a BezierPath is similar to a glyph. here’s how you can access the contours, segments and points:
B = BezierPath()
B.text('a', font='Menlo-Bold', fontSize=1000)
for contour in B.contours:
print(contour)
for segment in contour:
print(segment) # a segment is a list of points
print()
there’s also points, onCurvePoints and offCurvePoints.
I hope this is what you’re looking for… cheers!
hi @lnp,
the font() command can take a font name OR a path to a font file as argument:
font('myFolder/myFont.ttf')
cheers!
hello @eduairet,
you can use the pageNumber argument in image or imageSize to get a given frame in a multipage image (gif or pdf). important: page numbering starts at 1.
see Inserting a PDF
path = '~/Desktop/image.gif'
pageCount = numberOfPages(path)
for pageNumber in range(1, pageCount+1):
w, h = imageSize(path, pageNumber=pageNumber)
newPage(w, h)
image(path, (0, 0), pageNumber=pageNumber)
cheers!
@michelangelo textSize() uses the current graphics state to measure some text, so in order get the advance widths for your font, you need to set it first:
FONTNAME = 'someFont'
font(FONTNAME) # <-- set the font before measuring
for char in TEXT:
src.text(char, (0, 0), font=FONTNAME, fontSize=FONTSIZE)
drawPath(src)
advance = textSize(char)[0] # measure using the current font
cheers!
How does drawBot know when to use the kerning pairs for [AA], [AW]?
in your example Helvetica is an installed font in binary format, you can use it to set text etc. while RFont and RGlyph are normally used to edit source fonts in UFO format.
if you want to access and manipulate glyphs of an installed font, you can do it using the BezierPath object:
from fontPens.flattenPen import FlattenPen
TEXT = 'abcd'
FONTSIZE = 300
size(800, 300)
translate(40, 40)
fontSize(FONTSIZE)
for char in TEXT:
# get bezier shape for character
src = BezierPath()
src.text(char, (0, 0), fontSize=FONTSIZE)
# modify shape using a pen
dst = BezierPath()
pen = FlattenPen(dst, approximateSegmentLength=60)
src.drawToPen(pen)
# draw original shape
stroke(None)
fill(0.8)
drawPath(src)
# draw modified shape
fill(None)
stroke(1, 0, 0)
drawPath(dst)
# get advance width
advance = textSize(char)[0]
# move to next character
translate(advance, 0)
this example uses a pen to transform the glyph, but you can also do it using your own functions.
hope this makes sense!
hi @michelangelo, just a small note:
myFont.newGlyph(char)
RFont.newGlyph() takes a glyph name, not a unicode character.
cheers!
hello @guidoferreyra,
ovals and rects are also available as methods of BezierPath, so you can use that same solution to draw the stroke inwards.
to draw the stroke outwards, you can draw the shape with a doubled stroke first, and then draw it again on top using only the fill (so the internal half of the stroke is covered).
here’s an updated example showing all 3 “stroke modes”:
STROKEWIDTH = 20
B = BezierPath()
B.text('a', (0, 0), fontSize=1200)
# B.rect(0, 0, 500, 500)
# B.oval(0, 0, 500, 500)
size(2200, 1000)
translate(50, 100)
fontSize(72)
for option in ['inside', 'center', 'outside']:
text(option, (100, 780))
save()
stroke(1, 0, 0)
if option == 'inside':
strokeWidth(STROKEWIDTH * 2)
with savedState():
clipPath(B)
drawPath(B)
elif option == 'outside':
strokeWidth(STROKEWIDTH * 2)
drawPath(B)
stroke(None)
drawPath(B)
else:
strokeWidth(STROKEWIDTH)
drawPath(B)
restore()
translate(700, 0)
hope this helps! cheers
hello @yoshigoshi,
the axis is selected by index in line 11:
axis = list(variations.keys())[0] # 0 = first
the width axis is the second one in this case, so you can get it with [1].
cheers!
hello @ryan,
I dont’t know why the extremes are angled…
here’s a way to get the desired result by modifying oval:
def twist(func, angle):
def wrapper(x, y, w, h):
with savedState():
translate(x + w/2, y + h/2)
rotate(angle)
func(-w/2, -h/2, w, h)
return wrapper
oval = twist(oval, 45)
when working with BezierPath, it’s possible to rotate the shape:
B = BezierPath()
B.oval(x, y, w, h)
B.rotate(45, (x + w/2, y + h/2))
hope this helps!
@michelangelo you can use DrawBot inside RoboFont with the DrawBot extension
hello @monomonnik,
…is it possible to only save as gif, and not draw the canvas in the Drawbot app?
yes: you can use DrawBot as a Python module, without the interface – this can speed things up considerably.
see also posts with the tag animation – there are some discussions about performance optimization.
good luck!
hello @RicardGarcia,
for a simple interpolation between two masters you can use font.interpolate(factor, font1, font2) – see this example script.
hope this helps!