Navigation

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Users
    • Groups
    • Solved
    • Unsolved
    • Search
    1. Home
    2. frederik
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Best
    • Groups

    Frederik Berlaen

    @frederik

    admin

    72
    Reputation
    203
    Posts
    1109
    Profile views
    4
    Followers
    1
    Following
    Joined Last Online
    Website www.typemytype.com Age 39

    frederik Follow
    drafts admin

    Best posts made by frederik

    • DrawBot 3.112 Release

      A new version is available:

      • The launch time is now at lightning speed!

      • Added a new keyword argument center for the rotate(), scale(), and skew() functions.

      The optional center argument will make the transformation be centered around the given point:

      rotate(20, center=(500, 500)) # rotate around (500, 500)
      rect(250, 250, 500, 500)
      

      Just for reference: the extra argument does the same as this example but is a lot more convenient:

      # define a center point
      centerX, centerY = 500, 500
      # translate to that center point
      translate(centerX, centerY)
      # do the transformation
      rotate(20)
      # translate back 
      translate(-centerX, -centerY)
      # draw something
      rect(250, 250, 500, 500)
      

      Download and Play!!!

      posted in Announcements
      frederik
      frederik
    • RE: Generate animated .gifs, .pdfs similar to generateMP4()?

      that is possible you can use:

      from drawBot.context.tools.gifTools import generateGif
      
      generateGif(gifPaths, destinationPath, frameRates)
      # gifPaths: a list of paths to gif files
      # destinationPath: a path where to save the animated gif
      # frameRates: a list with the same length as the gifPaths of ints in 1/100sec
      

      see https://github.com/typemytype/drawbot/blob/master/drawBot/context/tools/gifTools.py#L11

      hope this works!

      posted in General Discussion
      frederik
      frederik
    • DrawBot 3.122 is released
      • Adding bezierPath.expandStroke(width, lineCap="round", lineJoin="round", miterLimit=10) (thanks to Bahman Eslami)

      • Improved internal OpenType feature tags setting

      • Improved complex formattedString type setting

      • Improved alignment with text() and FormattedString

      • Added a DrawBot frontend for pip/PyPI to make it super easy to install third-party packages: see menu Python -> Install Python Packages...

        DrawBotPipDemo.gif

      • Fixed text stroke behavior (but is a breaking change): strokeWidth on text no longer scales with the fontSize

      • Removed support for .mov export on 10.15 and up (QTKit is no longer supported there)

      • Fixed extracting single frames from .gif files

      • Improved setup.py, so drawbot-as-a-module can be easily installed with pip using a github URL

      • All test now run on Travis CI (and soon also on GitHub Actions)

      • Removed Python 2 code

      • Many small issues were fixed

      posted in Announcements
      frederik
      frederik
    • DrawBot3.121 is released
      • Jumping to python 3.7

        If you use external packages you will need to install them for python 3.7. If you don't have python 3.7 installed you will need to do that first.

      • Improved syntax highlighting for python 3

      • Fallback fonts are also used in a svg context.

      • listNamedInstances() lists all named instances for a variable font.

      • BezierPath objects have bezierPath.line(pt1, pt2) and bezierPath.polygon(pt1, pt2, ...) methods.

      • Update internal packages!

      posted in Announcements
      frederik
      frederik
    • RE: Are there any tutorials on how to build Drawbot python files via Sublime?

      you could save the result to disk and open the result in an specified app with:

      from drawBot import *
      
      fill(random(), random(), random())
      rect(10, 10, 100, 100)
      
      path = "~/Desktop/test.pdf"
      saveImage("~/Desktop/test.pdf")
      
      import os
      os.system(f"open --background -a Preview {path}")
      
      posted in General Discussion
      frederik
      frederik
    • RE: arcTo documentation?

      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

      posted in General Discussion
      frederik
      frederik
    • RE: while()

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

      with savedState():
          # do something
      

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

      posted in General Discussion
      frederik
      frederik
    • RE: What's the main difference between py2 vs py3?

      For beginners there is not such a big difference:

      Strings

      All strings are unicode string, so no converting back and forth, but this is actually the best thing!!

      print

      print('hello world') requires brackets ( and )

      divisions

      Divisions are always floats so no more rounding, this is also a good thing: 1/3-> 0.333333 instead of 0

      You keep the old behaviour with 1//3

      If you dive deeper:

      dictionaries

      dict.keys(), dict.values(), dict.items() are not a lists anymore

      Looping (a for loop or a while loop) over a dictionary and changing content of that dictionary is tricky:

      for key in list(myDict.keys()):
          myDict[key] = "changed" + myDict[key]
      

      There is of course more

      • Python2 or Python3
      • What's New
      • google it πŸ™‚
      posted in General Discussion
      frederik
      frederik
    • RE: Stephen Nixon's blogified class notes: a useful beginners' DrawBot tutorial

      @thundernixon ssssht py3.6 πŸ™‚

      posted in Tutorials
      frederik
      frederik
    • RE: Impossible typefaces?

      there are plainly of references in generative art, going from artist like Sol Lewit to graphic designers Juriaan Schrofer and many more.

      good luck!!

      posted in Code snippets
      frederik
      frederik

    Latest posts made by frederik

    • RE: Set canvas size by inches?

      1 inch is 72 points...

      this should do it!

      widthInInches = 3
      heightInInches = 5
      
      newPage(widthInInches * 72, heightInInches * 72)
      
      posted in General Discussion
      frederik
      frederik
    • RE: Type Wave Animation

      looks already cool!

      The big difference between yours and the example you refer to is that the letters wait until all the following shaded letters arrive to the left and the right.

      posted in Tutorials
      frederik
      frederik
    • RE: Possible fix for kerning with two different fontvariations(wght) for neighbouring letters??

      FYI: kerning over several variable settings does not work in Illustrator

      Screen Recording.mov

      posted in General Discussion
      frederik
      frederik
    • RE: I can’t login via Twitter

      should be fixed now πŸ˜‰ or at least its working for me...

      posted in Bugs
      frederik
      frederik
    • RE: Possible fix for kerning with two different fontvariations(wght) for neighbouring letters??

      cool!

      still, I don't get what the kerning value would be?

      Imagine an axis with a super black with almost no kerning and a tiny light with lots of kerning: the pair AV where A is somewhere in the super black part and V in the tiny light part. Optical kerning is not an option here πŸ™‚

      posted in General Discussion
      frederik
      frederik
    • RE: Possible fix for kerning with two different fontvariations(wght) for neighbouring letters??

      you could also disable the kern feature, adding a small number to every letter seems like an easy cheat πŸ™‚

      posted in General Discussion
      frederik
      frederik
    • RE: Possible fix for kerning with two different fontvariations(wght) for neighbouring letters??

      mmm, this is not possible: see it as different styles. There is no kerning between a bold T and a light T of the same family. (This is also not possible in Indesign)

      But you could write something to typeset an apply whatever kern value. What would that value be? is it the interpolated kerning of both instances divided by two? this could go wrong πŸ™‚

      posted in General Discussion
      frederik
      frederik
    • RE: How can I loop through all glyphs of a TTF or OTF font?

      mmm, you need to use all the powers of drawBot!!

      pageSize = "A4"
      
      path = 'AdobeVFPrototype.ttf'
      
      border = 20
      
      txt = FormattedString(
          font=path,
          fontSize=20
      )
      txt.appendGlyph(*txt.listFontGlyphNames())
      
      while txt:
          newPage(pageSize)
          txt = textBox(txt, (border, border, width() - border*2, height() - border*2))
          
      
      posted in General Discussion
      frederik
      frederik
    • RE: I can’t login via Twitter

      could you try again? it seems twitter is not automatically using https

      posted in Bugs
      frederik
      frederik
    • RE: Gradient rings from Python for Designers tutorial

      I think the circCoords is a bit overkill πŸ™‚
      its creating an circular x, y coordinate while looping over the width and height of the page. You are drawing a lot of ovals πŸ™‚

      radius = 100
      translate(width() *.5, height() *.5)
      
      inSteps = 1
      # inSteps = 15
      
      for angle in range(0, 360, inSteps):
          factor = angle / 360 * 2
          if factor > 1:
              factor = 2 - factor    
          
          x = cos(radians(angle)) * radius
          y = sin(radians(angle)) * radius
          
          fill(factor, 0, 1)
          oval(x - 5, y - 5, 10, 10)
      
      posted in Tutorials
      frederik
      frederik