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.
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.