Page 1 of 1

Animated SVG Generator, developed for Moho 12!

Posted: Sat Aug 20, 2016 9:36 pm
by PRIMAL MORON
Image
This is an unofficial project started by me and developed by a buddy of mine named Byte[] to allow you to create animated webpages using real SVG!
This edition is developed exclusively for Moho Pro 12, and only requires you upload your files to an online place (i'd recommend dropbox) and set the speed and number of frames, then hit generate, and you're done! From there, you can take the html text, and post it to a webpage you own or make your own using the code. It even shows the animation live for you to see.

You can find it here: https://liamwhite1.tk/stuff/animgenerator.html
If you like our tool, discuss freely and we'll look into what we can do to make it even better~

Thanks for checking it out and have fun!

Re: Animated SVG Generator, developed for Moho 12!

Posted: Sun Aug 21, 2016 9:19 pm
by PRIMAL MORON
Here's a set of examples of the SVG Animation Generator at work:
https://dl.dropboxusercontent.com/u/239 ... e%20A.html
https://dl.dropboxusercontent.com/u/239 ... e%20B.html
https://dl.dropboxusercontent.com/u/239 ... e%20C.html

Check em out, they can go pretty high on frame counts too, great for loops~

Re: Animated SVG Generator, developed for Moho 12!

Posted: Sun Aug 21, 2016 10:31 pm
by Greenlaw
That's a fun idea.

Will be thinking about ways I can use that. Thanks for sharing! :)

Re: Animated SVG Generator, developed for Moho 12!

Posted: Mon Aug 22, 2016 12:43 pm
by Telemacus
Very impressive indeed!

Can you give us some more details as to what type of animation it uses? (as in Smil, CSS pr Ecmascript)

Re: Animated SVG Generator, developed for Moho 12!

Posted: Mon Aug 22, 2016 4:25 pm
by PRIMAL MORON
Telemacus wrote:Very impressive indeed!

Can you give us some more details as to what type of animation it uses? (as in Smil, CSS pr Ecmascript)
Direct quote from my co-developer, Byte[]:

"the way it works is simple: there's a hidden <img> tag for every frame of the source animation, and javascript's window.requestAnimationFrame is used to switch out image that is displayed for every browser frame"

Hope this answers your question,
-PM