Search

1. Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   

   Topic by arrangemonk · Oct 2022 · Home› Coding, Scripting, Shaders

   Hi, for an animation project i needed a tool so i can animate my svg keyframes , which i created in Affinity designedr. my problem is: affinity designer doesnt support animation, and i have a boatload of assets already created in affinity designer and i tried and failed (to some degree) to export it into all sorts of…

2. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by pior · May 2023 · Home› Coding, Scripting, Shaders

   This is extremely interesting. Could this potentially lead to 2D polygonal animations technically similar to the Flashback/Another World cinematics ?

3. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by poopipe · May 2023 · Home› Coding, Scripting, Shaders

   its no different from any other vertex animation in principle and assuming nothing really weird is going on should be automagically compatible with blendshapes . all you'd need is conversion to a format you could dump into unreal/unity/whatever (discounting any markup you'd need for shading effects etc) 

4. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by Eric Chadwick · Nov 2022 · Home› Coding, Scripting, Shaders

   Ack you removed the animated files I guess? Broke the front page. :(

5. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by iam717 · Oct 2022 · Home› Coding, Scripting, Shaders

   idk why but i am lmao at that last img animation, oh boy, i got nothing to contribute, cool otherwise.

6. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   

   Reply by arrangemonk · Apr 2023 · Home› Coding, Scripting, Shaders

   update: it doesnt look like much, but i can proerly align paths so they can be morphed, next is to permute and inverse(clockwise/counterclockwise) paths so the path doesnt overlap during morph

7. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by Eric Chadwick · Nov 2022 · Home› Coding, Scripting, Shaders

   Thanks man. This is a cool tool!

8. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by arrangemonk · Nov 2022 · Home› Coding, Scripting, Shaders

   they are hosted on svgshare.com, the site has some downtime ocassionally. i can put them somewhere else if thats better (now i linked to the demo files in the github repository)

9. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

   

   Reply by arrangemonk · Oct 2022 · Home› Coding, Scripting, Shaders

   i cleaned up the code somewhat and uploaded it i still have to add proper documentation but at the moment it just accepty filenames as parameters

10. Re: Tool for Creating Animated SVGs from SVG keyframes (proof of concept)

    

    Reply by Tiles · Oct 2022 · Home› Coding, Scripting, Shaders

    Just upload, it doesn't hurt :)