You are browsing as a guest. Sign up (or log in) to start making projects!

6h 20m logged

got a lot done today.

Devlog #7 or 8?

Anyway, I took some time to fix the sticky note issue.

addNote mixed units. When centering a new note, it subtracted a screen-pixel offset (NOTE_WIDTH/2) directly from a world-space coordinate instead of dividing it by scale first.

CSS transform: scale() made text blurry. My first attempt at “scale with zoom” applied a single CSS scale() transform to the whole notes layer.

So those issues were fixed and the sticky notes scale with zoom.

I then ran into the issue of not being able to find sticky notes zoomed in alot, so I made a minimap to find your notes. (I think its getting really complex)

Anyway…

Added a small canvas, bottom-right corner, that:

  • Computes the bounding box of all your strokes + notes (reusing the same bounds logic as “Fit content”), unioned with your current viewport so the indicator is always inside the map.
  • Fits that box into a 200×140px canvas and redraws it every frame: strokes as thin dark lines, notes as colored rectangles.
  • Draws your current viewport as a purple rectangle with a translucent fill and a 14px minimum size, so it doesn’t shrink to invisibility when you’re zoomed in a lot.
  • Is clickable: clicking anywhere on it pans the main view to that spot (inverting the same fit-to-box math used to draw it).

Now, last addition I want to do is add PDF export, and I think this is ready to ship.

Images attached of progress!

See ya in the next one.

0
9

Comments 0

No comments yet. Be the first!