Devlogs
A few fixes/upgrades!
Devlog – “Bucket Bender” build 2025-06-11
Summarises the jump from index.html → new.html
✨ Big-ticket additions
- Animation & Export accordion
- Moved all animation controls into a dedicated collapsible
<details>
block that can be drag-reordered via its new .drag-handle
.
- Fresh “Randomize Anim” button resets keyframes on the fly .
- Smart click-simulation toolkit
- “Simulate Fills” now offers four placement algorithms – Random, Grid (jittered), Poisson-Disk, Heat-Map– each with its own slider panel .
- Added
clickOverlayCanvas
plus a toggle; renders live dots so you can see where virtual clicks land during export .
- Frame-range boost
frameCountInput
upper limit raised from 60 → 300 for longer loops .
🛠️ UI / UX tweaks
- Fill-to-Coverage remake
- Controls wrapped in
#coverageControlContainer
; input auto-enables only when the toggle is on, with new CSS state .coverage-enabled
.
- Pattern cycling safety
- If only one real pattern is loaded the “Cycle Mode” checkbox now disables itself to avoid no-op clicks .
- Draggable section framework
- Any block marked
.draggable-section
(e.g., Animation, Pattern Generator) can be rearranged inside the sidebar – helps mobile users prioritise the tools they need .
🐞 Fixes & hardening
- Input for coverage % no longer accepts edits when the feature is off, preventing accidental zero-length loops .
- Added null-checks for every critical element (presets, overlay, toggle buttons) to stop rare init crashes on slow devices .
- Helper
resizeClickOverlay()
keeps the debug layer synced on window/device-orientation changes .
🔍 Under-the-hood notes
- Flood-fill engine extended to honour new click-pattern algorithms and the revamped coverage logic (see updated
performFloodFillForAnimation
path).
- Misc. console warnings converted to graceful fallbacks for missing optional elements.
Enjoy the shiny new animation toys and the cleaner workflow!