hamidb80/motionly

tiny SVG animation framework

motionly

here, you code animations in Nim!

Demo:

insertion sort

see these for inspiration:

1. http://thesecretlivesofdata.com/raft/

2. https://www.introbrand.com/

3. https://github.com/EriKWDev/nanim

4. https://github.com/bluenote10/NimSvg

5. https://github.com/jiro4989/svgo

6. https://www.w3.org/TR/SVG2/conform.html#conformance-overview

useful links:

• svg tutorial
• how to save svg to png
• save to .mp4
• learn svg path

Goals:

• add svg manipulation like: scale, transform, ... (see this)[https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform]
• custom animation function
• runs on browser
• control preview like start and stop frame
• useing nim code with DLS