Posts made by monomonnik

I found a way.

newPage(2000,2000)

# Red Rectangle
path2 = BezierPath()
path2.text("2", fontSize=200, offset=(200,300))
with savedState():
    fill(1,0,0)
    x = path2.getNSBezierPath().bounds().origin.x
    y = path2.getNSBezierPath().bounds().origin.y
    w = path2.getNSBezierPath().bounds().size.width
    h = path2.getNSBezierPath().bounds().size.height
    rect(x,y,w,h)
drawPath(path2)

I’m not sure if this is even allowed, maybe @frederik will take some reputation points away from me ;-). Also, I’m not sure if the way offset works is correct, or if it’s a bug.

Personally, I would just wrap your fourth solution in a savedState() and accept all the translations of the canvas. I think that would be the DrawBot way.

# Magenta Rectangle
with savedState():
    translate(900,800)
    path4 = BezierPath()
    path4.text("4", fontSize=200)
    with savedState():
        fill(1,0,1)
        rect(*path4.bounds())
    drawPath(path4)

I use Sublime Text for all coding except for DrawBot. This looks useful. However, I have little experience with snippets.

To use them in Sublime Text, I have to put every snippet in it’s own file? Something like this?:

Or is there a way to use the one file with all snippets?

You could combine that with bitmapFont-Drawbot.py from Connor Davenport, which will give you something like this:

Do you mean something like this?

w = 1920
h = 1080
columns = 13
spacing = w/(columns+1)
fs = 60
duration = .25
txt = 'ABCD'
frames = columns+len(txt)+1


for frame in range(frames):
    newPage(w, h) 
    frameDuration(duration)
    fontSize(fs)
    # white background
    with savedState():
        fill(1)
        rect(0,0,w,h)
    for column in range(columns):
        x = spacing + column * spacing
        # Use the frame count as starting position for the text.
        # frame-len(txt) makes sure the start of the text is outside the row of characters
        if column >= frame-len(txt) and column < frame:
            # txt[0] gets the first character, A, txt[1] gets the second, etc.
            # txt[column-frame] makes sure the range alway stays between 0 and the length of the text,
            # as the length of frames is defined by columns+len(txt)+1.
            text(txt[column-frame], (x, h/2), align='center')
        else:
            # If the column position is not between frame-len(txt) and frame, use a dot.
            # You could add random characters here.
            text('.', (x, h/2), align='center')

saveImage('abcd.gif')

As I can’t see your code, I’m not sure what happens, but scale() normally translates around the origin. Maybe the output is going outside of the canvas?

It’s possible to change the center of scaling by using center=(x,y).

In the example below I chose a different solution. I used translate() to temporarily – only within savedState() – move the origin of the canvas.

font("Times-Italic", 200)
with savedState():
    # translate the canvas
    translate(200,500)
    # Draw the black text at the (translated) origin 
    text("hello", (0, 0))
    # Mirror the canvas
    scale(1,-1)
    # Draw the red text at the (translated) origin that will appear mirrored 
    fill(1,0,0)
    text("hello", (0, 0))

y2 = y1 + row_height

Yes, I should have seen that. So much clearer.

x_positions = [random.random() * row_width for _ in range(d)]

I understand what’s happening here, but I don’t think I’m experienced enough to think this is more readable than the while loop.

I agree it is the better solution as it obviates the while loop.

Thanks @frederik

Normally I would define a minimum and maximum distance. I wouldn’t know how to do that using random.sample().

size(600, 849)

margin = 30
# Density here is defined by minimum and maximum distance between lines
density = [[100,200],[10,60],[1,3]]
rows = len(density)
row_height = (height()-2*margin) / rows

fill(None)
strokeWidth(1)
stroke(0)

for i, d in enumerate(density):
    x = margin
    y1 = margin + i*row_height
    y2 = margin + (i+1)*row_height
    while x < width()-margin:
        line((x,y1),(x,y2))
        x += randint(d[0],d[1])

@frederik Yes, I’m not a fan of while loops too. So, you would propose something like this?

import random

size(600, 849)

margin = 30
density = [.01, .1, .5, .9, .99] # percentage
rows = len(density)
row_width = width()-2*margin
row_height = (height()-2*margin) / rows

fill(None)
strokeWidth(1)
stroke(0)

for i, d in enumerate(density):
    y1 = margin + i*row_height
    y2 = margin + (i+1)*row_height
    total_lines = int(d * row_width)
    x_positions = random.sample(range(margin, margin+row_width), total_lines)
    for x in x_positions:
        line((x,y1),(x,y2))

Just for fun, my interpretation:

size(600, 849)

margin = 30
density = [3,2,7,20,12]
rows = len(density)
row_height = (height()-2*margin) / rows

fill(None)
strokeWidth(1)
stroke(0)

for i, d in enumerate(density):
    x = margin
    y1 = margin + i*row_height
    y2 = margin + (i+1)*row_height
    while x < width()-margin:
        line((x,y1),(x,y2))
        x += randint(0,d)

savedState() is just a way to change graphic properties without effecting the graphic state outside the savedState().

For example, the fill and stroke changes inside the savedState() aren’t reflected in the line that is drawn later.

fill(None)
strokeWidth(10)
stroke(0)

with savedState():
    fill(1,0,0)
    stroke(None)
    rect(0,0,.5*width(),height())

line((.75*width(),0),(.75*width(),height()))

So yes, you could draw three bands, and use translate to position them.

for i in range(3):
    with savedState():
        fill(random())
        translate(0, i/3*height())
        rect(0,0,width(),1/3*height())

(In this example, the savedState() is not necessary. However, if you are going to use translate to draw the lines, it’s nice that everything resets and you restart at (0,0) in the next step of the loop)

Maybe in this case it’s easier to not use translate but just calculate the coordinates.

size(600, 849)

margin = 30
density = 10

fill(None)
strokeWidth(1)
stroke(0)

x = margin

while x < width()-margin:
    line((x,margin),(x,height()-margin))
    x += randint(0,density)

# Making sure the right margin is always 30 by 
# drawing the last line on the margin
line((width()-margin,margin),(width()-margin,height()-margin))

When you start with the second loop, the canvas is translated al the way outside image.

If you use savedState(), all translations you make will be reset.

size(600, 849)



Density1 = 10
lines1 = 650

Density2 = 5
lines2 = 120

mTop = 20
mBottom = 20
mLeft = 20
mRight = 20

row1bot = 500
row1top = 849 - mTop

row2bot = row1bot
row2top = row1bot - 200


fill(None)
strokeWidth(1)
stroke(0)

with savedState():
    for z in range(lines1):
        line((mLeft+10, row1top), (mLeft+10, row1bot))
        # and translate the canvas
        translate((randint(0, Density1)), 0)
    
    
with savedState():
    for z in range(lines2):
        line((mLeft+10, row1bot), (mLeft+10, row1bot-100))
        # and translate the canvas
        translate((randint(0, Density2)), 0)

To update the contents of a module, you need to reload it

@rduritsa said in PIL or Pillow installation issues and PNG metadata:

from PIL import image

Shouldn’t that be Image instead of image?

You can reload the module by using reload(). See an example in this post of @gferreira in this (highly relevant) topic Import python file.

In blob.py, import Drawbot with:

import drawBot

When you use a Drawbot function in blob.py, add ‘drawBot’ before the function:

drawBot.fill(*self.color)

Hi Maurice, expandStroke() returns a path.

Thanks. Sorry, should have tried instead of thinking an omision in the documentation meant the functionality wasn't there.

It’s possible to change the value of a bool by selecting and Cmd-clicking.

Is it possible to also make this work with a key combination? I find myself using Cmd and the arrow keys to change values of variables a lot. Using the same keys, just to toggle a bool, would be useful to me.

nFrames = 60
fps = 1/30
radius = 120

for n in range(nFrames):
    newPage(480, 270)
    frameDuration(fps)
    with savedState():
        fill(0,1,0)
        # move origin of the canvas to the center
        translate(width()/2, height()/2)
        # rotate the canvas
        rotate(-360 * n/nFrames)
        # move the origin again 
        translate(radius, 0)
        rect(-50, -50, 100, 100)
    with savedState():
        fill(1,0,1)
        translate(width()/2, height()/2)
        rotate(-360 * n/nFrames)
        translate(radius, 0)
        # counter-rotate the canvas so the rect appears to not rotate
        rotate(360 * n/nFrames)
        rect(-50, -50, 100, 100)
        
saveImage('rotate_more.gif')