Great, thank you both!

@gferreira Thank you! That is much clearer now. I found that in my example I have a lot of transformations and somewhere it gets weird again, but on its own it works!

and the 'official' docs are on robotools.dev! --> vanilla.robotools.dev the one you are referring to is out dated...

@hzinn not sure how best to improve this more frames and higher resolution might be a start and maybe adding a background.

@frederik This makes sense. Thanks!

Hello @frederik ! Thank you! it works for me May I add those few lines found on this other tutorial about "EaseInOut" function. def easeInOut(factor): assert 0 <= factor <= 1 return (1 - cos(factor * pi)) / 2 It will add a new graph with easeInOut. It is working well with your previous lines. Thank you for your help ! Be safe.

@MauriceMeilleur An arbitrary amount of circles seemingly overlapping: import random number_of_circles = 10 radius = 100 wobble = 400 canvas_size = 1000 circles = [] drawn_circles = [] center = canvas_size / 2 # Create circles for i in range(number_of_circles): x = center - (wobble * 0.5) + random.random() * wobble y = center - (wobble * 0.5) + random.random() * wobble circle = BezierPath() circle.oval(x - radius, y - radius, radius * 2, radius * 2) circles.append(circle) # Check if circles overlap for circle in circles: for i in range(len(drawn_circles)): intersecting_shape = circle.intersection(circles[i]) if len(intersecting_shape.points) > 0: circle = circle.difference(circles[i]) drawn_circles.append(circle) # Draw circles, or what’s left of them newPage(canvas_size, canvas_size) fill(None) stroke(0) for circle in drawn_circles: drawPath(circle)

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)

@michelangelo you can use DrawBot inside RoboFont with the DrawBot extension

@frederik You opened a door to a whole new world for me. This is much simpler than I thought. And at the same time, I think it’s going to take me some time to get my head around all this pen-stuff. Thanks!

this should be resolved in the latest update!!!

Hi, @frederik: why generate a binary and read the the binary back in? see f1.generate("otfcff", "f1.otf") You mean I can use the opened ufo files right away as f1 and f2 to interpolate with, right? 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... All right. I thought that after uninstalling the interpolated font I could generate another one I could use in the new page afterwards. So, in this case, would it make sense to set the same name for familyName while the styleName could be related to inerp_factor as you say?

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.

@gferreira great!!!! thank you very much.

@gferreira Thank you! I've used this in the following application but I noticed that even though I used hyphenation=False the words break in the middle so, I don't need it to break for this exercise but it's something I can't figure out: myVarFont = '/Library/Application Support/Adobe/Fonts/AstripeVariableGX.ttf' variations = listFontVariations(myVarFont) print(variations) axis1 = list(variations.keys())[0] minH = variations[axis1]['minValue'] maxH = variations[axis1]['maxValue'] axis2 = list(variations.keys())[1] minV = variations[axis2]['minValue'] maxV = variations[axis2]['maxValue'] #Words def textPage(*words, o=0, size='Tabloid', positive=True, h=True, txt=FormattedString(), myFont=myVarFont, fSize=30, lHeight=23.5): def canvas(): newPage(size) if positive is True: fill(1) if positive is False: fill(0) rect(o, o, width(), height()) canvas() txt.font( installFont(myFont) ) txt.fontSize(fSize) txt.openTypeFeatures(calt=True) txt.lineHeight(lHeight) hyphenation(False) lineLength = 0 textLength = (width()*height())/(lHeight) #print(textLength) while txt.size()[0] < textLength: for word in words: if lineLength % 350 == 0: txt.append('\n' + word, fontVariations={axis1:minH, axis2:minV}) else: txt.append(word, fontVariations={axis1:minH, axis2:minV}) lineLength += textSize(word)[0] #print(lineLength) textBox(txt, ( o, o, width(), height() )) #print(txt.size()[0]) textPage('PIBA', '2020', 'LIDERA') saveImage('~/Desktop/PIBA_2020_CORBATA.pdf') This is what I need from the image: And this is what I don't understand: By the way: The previous exercise worked this way: import os import unicodedata def strip_accents(text): try: text = unicode(text, 'utf-8') except NameError: # unicode is a default on python 3 pass text = unicodedata.normalize('NFD', text)\ .encode('ascii', 'ignore')\ .decode("utf-8") return str(text) class Canvas: def __init__(self, w, h, o = 0, bleed = 0): self.w = w self.h = h self.o = o self.bleed = bleed if self.bleed <= 0: newPage(self.w, self.h) else: newPage(self.w + self.bleed * 2, self.h + self.bleed * 2) translate(self.bleed, self.bleed) def color(self, r = 255, g = 255, b = 255, a = 100): self.r = r / 255 self.g = g / 255 self.b = b / 255 self.a = a / 100 return fill(self.r, self.g, self.b, self.a) def bg_stroke(self, r, g, b, a, sw): self.r, self.g, self.b, self.a = color_c(r, g, b, a) self.sw = sw stroke(self.r, self.g, self.b, self.a) strokeWidth(self.sw) fill(None) def grid(self, cols, rows, gutter, mTop, mBottom, mLeft, mRight, view=True): if view == True: self.cols = cols self.rows = rows self.gutter = gutter self.mTop = mTop - self.gutter self.mBottom = mBottom - self.gutter self.mLeft = mLeft - self.gutter self.mRight = mRight - self.gutter wd = (self.w - self.gutter * (self.cols + 1)) / self.cols - ((self.mRight + self.mLeft) / self.cols) hg = (self.h - self.gutter * (self.rows + 1)) / self.rows - ((self.mTop + self.mBottom) / self.rows) fill(None) strokeWidth(0.25) stroke(0, 1, 1) for self.col in range(self.cols): for self.row in range(self.rows): x = self.gutter + self.col * (wd + self.gutter) y = self.gutter + self.row * (hg + self.gutter) rect(x + self.mLeft, y + self.mBottom, wd, hg) def bg_square(self): if self.bleed <= 0: rect(self.o, self.o, self.w, self.h) else: rect(self.o - self.bleed, self.o - self.bleed, self.w + self.bleed * 2, self.h + self.bleed * 2) def bg_image(self, imgPath, px, py, angle, s): self.imgPath = imgPath self.px = px self.py = py self.angle = angle self.s = s srcWidth, srcHeight = imageSize(self.imgPath) dstWidth, dstHeight = self.w + s, self.h + s factorWidth = dstWidth / srcWidth factorHeight = dstHeight / srcHeight with savedState(): scale(factorWidth, factorHeight) rotate(self.angle) translate(self.px, self.py) image(imgPath, (0, 0)) def crop_marks(self): stroke(1) strokeWidth(1) line((self.o, -8), (self.o, -4)) line((-8, self.o), (-4, self.o)) line((self.o + self.w, -8), (self.o + self.w, -4)) line((8 + self.w, self.o), (4 + self.w, self.o)) line((self.o, 8 + self.h), (self.o, 4 + self.h)) line((-8, self.o + self.h), (-4, self.o + self.h)) line((self.o + self.w, 8 + self.h), (self.o + self.w, 4 + self.h)) line((8 + self.w, self.o + self.h), (4 + self.w, self.o + self.h)) stroke(0) strokeWidth(0.5) line((self.o, -8), (self.o, -4)) line((-8, self.o), (-4, self.o)) line((self.o + self.w, -8), (self.o + self.w, -4)) line((8 + self.w, self.o), (4 + self.w, self.o)) line((self.o, 8 + self.h), (self.o, 4 + self.h)) line((-8, self.o + self.h), (-4, self.o + self.h)) line((self.o + self.w, 8 + self.h), (self.o + self.w, 4 + self.h)) line((8 + self.w, self.o + self.h), (4 + self.w, self.o + self.h)) #Design #Margin gutter = 0 mTop = 8 mBottom = 8 mLeft = 8 mRight = 8 #Variable Font myVarFont = '/Library/Application Support/Adobe/Fonts/AstripeVariableGX.ttf' variations = listFontVariations(myVarFont) print(variations) #print(listFontGlyphNames()) axis1 = list(variations.keys())[0] minH = variations[axis1]['minValue'] maxH = variations[axis1]['maxValue'] axis2 = list(variations.keys())[1] minV = variations[axis2]['minValue'] maxV = variations[axis2]['maxValue'] num = 0 logo = 'PIBA_2020_GAFETES_LOGO.pdf' #Info gafetes_dir = {'Staff': 3, 'All Access': 1, 'Participante': 3, 'Prensa': 1, 'Académico': 3, 'Maestro de Ceremonia': 3, 'Jueces': 1, 'Edecán': 1, 'Sistemas': 1, 'Acompañante': 1, 'Director': 1} gafetes = [i for i in gafetes_dir.keys()] copias = [i for i in gafetes_dir.values()] def gafete(gf=0): #Frente page = Canvas(240, 150, 0, 8) page.color(255, 255, 255, 100) page.bg_square() #Text var = 400 minus = 0 lineHeight = 45 al = 'right' fs = 41 t = FormattedString() t.font(installFont(myVarFont)) t.fontSize(fs) t.fill(0) t.openTypeFeatures(calt=True) t.align(al) t.lineHeight(lineHeight) t.baselineShift(-15) for letter in gafetes[gf].upper(): t.append(letter, fontVariations={axis1:var, axis2:randint(minV, maxV)}) print(t.size()[0]) while t.size()[0] < page.w - 40 and var < 500: var += 10 print(var) if t.size()[0] > 300.0: lineHeight = 40 minus = 440.0 print('minus') if t.size()[0] < 140.0: lineHeight = 69 fs = 60 print('minus') t = FormattedString() t.font(installFont(myVarFont)) t.fontSize(fs) t.fill(0) t.openTypeFeatures(calt=True) t.align(al) t.lineHeight(lineHeight) t.baselineShift(-15) for letter in gafetes[gf].upper(): t.append(letter, fontVariations={axis1:var, axis2:randint(minV, maxV - minus)}) textBox(t, (mLeft, mBottom, page.w - mRight - mLeft, page.h - mTop - mBottom)) #Art page.bg_image('/Users/eduardo.aire/Documents/Documentos - EATs iMac/A/01_A_PROYECTOS/01_VIGENTES/2020_PIBA/PIBA_2020_FOTOS/29_PIBA_2020_ESTELASTRIPE.psd', -1140, -10, 270, 100) #Marks, guides and comments #fill(0, 0, 0, 0.1) #rect(mLeft, mBottom, page.w - mRight - mLeft, page.h - mTop - mBottom) page.crop_marks() page.grid(6, 3, 0, mTop, mBottom, mLeft, mRight, False) #Reverso page = Canvas(240, 150, 0, 8) page.color(255, 255, 255, 100) page.bg_square() #Logo imgPath = logo srcWidth, srcHeight = imageSize(imgPath) dstWidth, dstHeight = page.w, page.h factorWidth = dstWidth / srcWidth factorHeight = dstHeight / srcHeight with savedState(): scale(1) rotate(-90) translate(-150, 0) image(imgPath, (0,0)) #Marks, guides and comments #fill(0, 0, 0, 0.1) #rect(mLeft, mBottom, page.w - mRight - mLeft, page.h - mTop - mBottom) page.crop_marks() page.grid(6, 3, 0, mTop, mBottom, mLeft, mRight, False) saveImage('~/Desktop/PIBA_2020_GAFETES_{name}_{number:0>2}.pdf'.format(name = strip_accents(gafetes[gf].upper().replace(" ", "_")), number = str(num))) newDrawing() #gafete(6) for i in range(len(gafetes)+1): num=1 for j in range(copias[i - 1]): gafete(i - 1) num += 1

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))

@frederik Thanks (and thanks for opening this over in the GitHub repo). I'll give it a try later today. Speed isn't a factor in this case because I'm generating static diagrams.

The documentation is adjusted and path.onCurvePoints and path.offCurvePoints and the path contours are immutable now. see https://github.com/typemytype/drawbot/pull/350

Ah yes! Thanks @gferreira, I’ll try that.