Animated SVG Generator, developed for Moho 12!

General Moho topics.

Moderators: Víctor Paredes, Belgarath, slowtiger

Post Reply
User avatar
PRIMAL MORON
Posts: 43
Joined: Sun Oct 18, 2009 3:22 pm

Animated SVG Generator, developed for Moho 12!

Post 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!
User avatar
PRIMAL MORON
Posts: 43
Joined: Sun Oct 18, 2009 3:22 pm

Re: Animated SVG Generator, developed for Moho 12!

Post 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~
User avatar
Greenlaw
Posts: 9576
Joined: Mon Jun 19, 2006 5:45 pm
Location: Los Angeles
Contact:

Re: Animated SVG Generator, developed for Moho 12!

Post by Greenlaw »

That's a fun idea.

Will be thinking about ways I can use that. Thanks for sharing! :)
Telemacus
Posts: 189
Joined: Thu Oct 10, 2013 3:15 pm
Location: OZ_ually.

Re: Animated SVG Generator, developed for Moho 12!

Post 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)
User avatar
PRIMAL MORON
Posts: 43
Joined: Sun Oct 18, 2009 3:22 pm

Re: Animated SVG Generator, developed for Moho 12!

Post 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
Post Reply