@frederik done! https://github.com/typemytype/drawbot/issues/414

Hi @gferreira, this workaround is really helpful in making variable font animations not so jittery (run into that a lot). However, when using BezierPath, one loses selecting fill within some words of the FormattedString. Is it possible not flatten it all to one color with BezierPath?

hehe, totally forgot about that one... but I prefer the solution with pyqrcode as it provides a list 0/1

Thanks @gferreira, I somehow completely missed that when going through the documentation. That's exactly what I need haha. I only have to go through through a single line of pixels, so hopefully the speed won't matter that much.

Hello, @gferreira! I had thought about working word for word ... I didn’t know if it was a good idea ... but it’s really interesting what you coded! I wouldn't have found it alone! thanks! I guess this way the text would never be justified ... but it will be very useful for me! thanks!

Of course! Thanks a lot!

you can not copy that file while the app is open, that pref file is always written when the app closes and will not sync when you adjust it

Thanks @imik and @frederik tested and it worked! Im creating a set of 300 different covers for different reports based on data, and goes super fine. Best for all! R

@frederik thank you It worked great now: x, y = 500, 500 resolutions = [72, 18] mfont = '/Library/Application Support/Adobe/Fonts/SansNom-Regular.otf' installFont(mfont) font(mfont) print(listFontGlyphNames()) letters = ['n', 'E'] def pixelar(tx, t, al=True): newPage(x, y) path = BezierPath() path.text(tx, fontSize=500, font=mfont) coords = path.bounds() translate((x - (coords[0] + coords[2])) * 0.5, (y - (coords[1] + coords[3])) * 0.5) drawPath(path) saveImage('~/Desktop/hint_{0}_{1}_aal_{2}.png'.format(tx, t, str(al).lower()), imageResolution=int(t), antiAliasing = al) newDrawing() for letter in letters: for resolution in resolutions: pixelar(letter, resolution, False) pixelar(letter, resolution)

not really a bug: when applying a blur the images gets bigger, check with im.size() before and after the blur is applied. im.offset() is providing you the correct x, y difference.

you can slice a formattedString and keep the formatting: txt = FormattedString() txt += "hello World" sub = txt[0:5] print(sub)

That's what I suspected. It seemed like the kind of question students would ask and I wanted to make sure the answer I gave was the right one. Thanks, Frederik.

DrawBot 3.126 has a continuous flag in Variable that adds a Update button good luck!

@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!

Added in DrawBot 3.126 thanks!

hello @michelangelo, to create a variable font you’ll need at least two compatible UFO masters and a .designspace file. see I Can Variable Font for instructions on generating variable fonts from UFOs using fontmake. you might also want to check pages tagged with interpolation and variable fonts in the RoboFont documentation. hope this helps… good luck!

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

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)

Great, thank you both!

@frederik This makes sense. Thanks!