Skip to content


Ajax Animator

Ajax Animator

One of my projects to build a fully standards-based, online, collaborative, web-based animation suite. Its original goal was to be a usable Flash IDE alternative, but has evolved into a cross-platform/cross-format animation tool, primed to support Animated GIFs, SWF (Flash), SVG Animations, and more. It is currently built using Javascript and PHP. Yes I know that the name isn’t the most creative thing ever, and also isn’t the most accurate name ever (There is almost no actual XMLHttpRequests going on there, most of the stuff is client-side and saving/opening is done through a POST into an <iframe>).

The new Ajax Animator version 0.2 was launched on Sunday, August 8, 2008, with this post.

Newer and Old Screenshots. Video Introduction (Gadget UI). Wave State Demo. User Made Introduction (Standard UI)

Try Application Now (Online: Free+Open Source)

VectorEditor Based Versions Standard UI OR Gadget UI (new) OR Google Wave Gadget (new, must have Google Wave)

An early development screenshot.

An early development screenshot.


70 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. admin says

    Not yet.

  2. manolo says

    Hi. Is it possible to download your application in order to use it even when I’m not able to connect the internet?
    thanks

  3. admin says

    Yes, you can download it from SVN or Google Code at http://ajaxanimator.googlecode.com/

  4. Erin Taylor says

    I’m very excited to see this! I’m a Biology teacher that will be requiring my students to make flash animations of the concepts we’re learning…
    Are there any tutorials or resources that can give me an overview of Ajax so I can start using it this August?

  5. admin says

    You can find some documentation on the manual: http://brwainer.110mb.com/ajaxanimator/manual/index.php There isn’t too much to the application. You draw by selecting tools and drawing with them, to change the color of things, you select and manipulate the settings on the bottom of the left panel. You can go to different frames and use the select tool to manipulate it and the application will automatically generate the frames in between. Many concepts are shared between this application and other apps like Flash, one major difference is that the ajax animator automatically creates keyframes while flash needs it done manually.

  6. Thomas D says

    tried it on Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.19) Gecko/20081216 Fedora/2.0.0.19-1.fc8 Firefox/2.0.0.19 and I only get half a picture. the canvas seems to only display the top part of the animation. resizing my window so that canvas ends up near the bottom of my browser window gets me more, but never more than about half the image.

    hope this helps.

  7. flick says

    This application looks great. I’m working with an inner-city school and the kids have little access to paid software. i think this will help a lot!

    I don’t understand the user function and it’s not documented. Is there a server, accounts etc I need to set up?

  8. admin says

    If you want to install it on your own server, you can just upload all the files from SVN to a PHP enabled server, or you could just use the application from here which requires no setup.

    There isnt much interface to describe, its feature set is quite small so there isn’t much to describe. Shapes are drawn using the tools in the left panel. The timeline on the top or bottom (depending on version) allows you to go to different frames. After going to a frame, the select tool can be used to move, resize, or rotate shapes, and the application automatically “tweens” or calculates the position of the transitional shapes by interpolating the first and second frames.

  9. Mandemon says

    Does this software support voice/sound? AKA does the animations need to be mute or is there a way to include some sounds?

  10. admin says

    I would like to implement it somehow, but I just have no idea how to implement it.

  11. Loy62 says

    A scene later, their soft, cooing voices and warm shoulder rubs or knee squeezes represent that glowing honeymoon phase right after making up. ,

  12. John53 says

    The split is of course awkward at best. ,

  13. Rob says

    If I load this URL ( http://antimatter15.com/ajaxanimator ) on my Nokia N95 default web browser it gets as far as the graphic that says “Ajax Animator (CR) Initializing”, the previous sections seem to load OK.

    I installed the Skyfire Browser ( http://www.skyfire.com/ ) on my N95 and the Ajax Animator program looks like it works correctly. It is quite hard to see :)

  14. amjh says

    What is currently happening with Ajax Animator?
    When will we get next version?
    Will there be new features or is it mostly infrastructure for future additions?

  15. admin says

    The next version will have VectorEditor replaced (at least partially) with SVG-edit.

  16. MasterNetra says

    Do you plan on implementing a ctrl+mouse move to bend lines? Would be a useful addon.

  17. antimatter15 says

    Curves don’t work in VectorEditor, but the next version, based on svg-edit should support it.

1 2

Continuing the Discussion

  1. Information Celebration » Blog Archive » Online Video Celebration linked to this post on September 2, 2008

    [...] Ajax Animator – Free Online editor to create Flash and Silverlight files. Progress is slow but steady on this utility. [...]

  2. Link Backup from Delicious.com » Blog Archive » links for 2009-10-03 linked to this post on October 3, 2009

    [...] Ajax Animator – Blog One of my projects to build a fully standards-based, online, collaborative, web-based animation suite. Its original goal was to be a usable Flash IDE alternative, but has evolved into a cross-platform/cross-format animation tool, primed to support Animated GIFs, SWF (Flash), SVG Animations, and more. It is currently built using Javascript and PHP. Yes I know that the name isn’t the most creative thing ever, and also isn’t the most accurate name ever (There is almost no actual XMLHttpRequests going on there, most of the stuff is client-side and saving/opening is done through a POST into an <iframe>). (tags: flash animation tools) [...]

  3. Ajax Animator | Open Source Applications linked to this post on October 17, 2009

    [...] Web Site Demo Download Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]



Some HTML is OK

or, reply to this post via trackback.