This is a lightweight tool for easily making radial tile patterns, like the Sandbox logo. Work in progress, project planning below!
- reset everything on clear (bg color, tile inset, UIs etc)
- viewboxing for PNG export
- move center point away from panel (more usable space)
- always default bg color in build?
- paint with an image: tiles mask in an image
- paint palette: build a group of colors/images for tile color assignment, switch between them
- persistence for config + composition (local storage)
- info overlay: click an (i) to learn about what rad tile is (intent, usage, attribution, etc)
- disable internal anchors for starting / snapping (track hull, or angular saturation for each anchor)
- deselect (build) on mouse out and timer expiration (like reset button)
- ux bug: can't delete tiny tiles
- basic mobile UX:
- canvas/page sizing for safari
- tap/drag/release to start/preview/set new corners
- button: cancel current tile addition
- hide overlay (except info screen)
- snapping:
- existing tile edges emerging from last anchor point
- angles in space (adjustable, based on repeat count & relative center position)
- distances in space (from center, from initial tile corner, from last tile corner)
- far corner of parallelogram progress tiles
- visualize spatial snapping: polar grid(s)
- advanced mobile UX:
- pinch to zoom
- mobile-friendly overlay
- button: complete free shape
- apply color to fill/stroke (different stroke colors)
- pan + recenter canvas position
- equilateral mode (during add, for quad & tri)
- undo / redo
- different cursor (pointer vs. default) based on hover state
- hotkeys:
- repeat count
- equilateral
- shape type
- quad: swap inference direction
- snapping:
- all edges (along hull)
- existing lengths & angles within progress tile
- tips:
- "Right-click to finalize free shape input."
- optional reflection across repeat increments (for even repeat counts, resetting base)
- allow overlaps, but cut out overlapped shapes when applying