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)

Run Application Now – New Redesigned Interface with VectorEditor, Multi-Select, Onion Skinning

Standard OnlyPaths Based VersionsOriginal 0.2x Standard UI

VectorEditor Based Versions: New Redesigned Interface with Multi-Select, Onion Skinning OR Standard UI OR Google Wave Gadget (new, must have Google Wave)

An early development screenshot.

An early development screenshot.


82 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.

  18. Tom says

    Hi, this is great software you’ve made. Thanks! I was wondering if a user can embed actionscript into their project?
    thanks
    tom

  19. admin says

    No, not net, and probably not any time soon.

  20. Anonymous says

    I downloaded and installed the code to my server, apache2. When I run it under localhost with an internet connection it looks for the http://www.cachefile.net site and runs ok. When I disconnect from the internet it will not run because it cannot locate
    that web site. I have php enabled because I use drupal and joomla. How can I get it to run with no internet connection.

  21. antimatter15 says

    You should use /html/ajaxanimator.html instead of /bulld/index.html

  22. Igor Cemim says

    Where i can donwload this version??

    Thanks in advance.

  23. admin says

    I haven’t posted it before, but here it is:
    http://code.google.com/p/ajaxanimator/downloads/detail?name=ajaxanimator-wave.zip&can=2&q=#makechanges

  24. Dave Sutton says

    Looks promising. Works well on Mac OS X 10.6 and Safari 4.0.4. It also works on an iPhone 3G TouchOS 3.1.3.

  25. Anonymous says

    DD

  26. joe says

    Great development… I downloaded a test SWF and it wouldn’t run locally with Flash Player 10. Is there an update coming soon for 10?

  27. admin says

    Probably not because I don’t develop the flash compiler backend and the FreeMovie/PHP library which the app uses hasn’t been updated in the past eight years.

  28. Brandon says

    Hi! Thank you so much for the work you’ve done. It is a great alternative to the flash ide. It would be cool if you could have a library and make nested movieclips, like in the flash ide. This would make this program idea. Thanks.

  29. kajj9 says

    hi
    i have a website i need some help with

    i dont know ajax

    http://jjclassifieds.com

    i need the 3 drop down boxes to be linked to the website

    i was told the frist 2 drop downs are linked already

    they are the countrys and the states

    the city is not linked yet

    this is the main thing i need finished for the website

    can some on please help me do this or if you want i could give you the log in details for you to take a look at it

    thanks ken

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.