SpriteMeister - Working Model - 0.42

One programmable/editable (template literal) frame generates all frames for the sprite

standard templates:

your localStorage templates:

SVG Editor - available functions & variables

• No self-closing tags

• framenr - 0+
• steps - total frames
• v - viewBox width
• h - viewBox height
• pulse( { start=0 , mid=0 , end=start }) - pulse from start to mid in one cycle - returns value
• scale( { start=0 , mid=0 , end=start }) - scale (from center) - returns matrix string
• ease({ distance , cycle=steps/2} ) - ease from 0 to length in [cycle], and back to 0 again - returns value
• minmax({ value, min , max=value } ) - use value between min and max - returns value
• arcpath({ start:[x1,y1 ] , end:[x2,y2] , [control:[sx,sy , ex,ey ]] , [color=false] ) - arc between 2 points with c-control points, c2x,c2y == c1x,c1y when not specified value
• round({ value , precision=1 }) - round, for smaller output

Inspiration

• https://css-tricks.com/many-tools-shape-morphing/
• https://shapeshifter.design/