Is this a bug with translations?

[tegacodes]

Not sure if this is a bug, but if you don't call translations on color layers within push and pop, they accumulate when the two layers are cut out from one another. See here how the blue layer also inherits the translations from the pink layer when cutout is called. If the translations from each layer are in push and pop, the problem is solved. not sure if this is a bug.
https://editor.p5js.org/brain/sketches/Kj3uwPFmI

[antiboredom]

I'd call it a bug. Here's the code for cutout:

cutout(imageMask) {
  let img = this.get();
  img.cutout(imageMask);
  this.clear();
  this.copy(img, 0, 0, this.width, this.height, 0, 0, img.width, img.height);
}

What's happening is that it copies all pixels of the current layer to an image, does the cutout operation on the image, and then pastes that back into the layer. What I didn't consider is that if that layer has a transformation on it it gets applied to the cutout image. Oops!

[antiboredom]

I have a fix for it:

cutout(imageMask) {
    let img = this.get();
    img.cutout(imageMask);
    this.drawingContext.save();
    this.drawingContext.resetTransform();
    this.clear();
    this.copy(img, 0, 0, this.width, this.height, 0, 0, img.width, img.height);
    this.drawingContext.restore();
}

Slightly concerned that this might affect other things that I'm not aware of. Also just realizing that we really need some versioning for this library!