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)

iPad Compatible Version: http://antimatter15.com/ajaxanimator/ipad/

An early development screenshot.

An early development screenshot.


132 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

  30. giffgaff says

    Hey i think your blog is good! I found it on Bing, i will come back again.

  31. Rudolf Sultemeier says

    Of course, what a fantastic blog and informative posts, I definitely will bookmark your website.All the Best!

  32. Joshua says

    hello. for a while i’ve now i”ve been wanting to create my own flash games and everybody pointed me here. I just have a few questions:
    am i correct when i say this is only a platform-creating software?
    I read there is an upgraded version- 0.2. what makes this better from the original?
    I also read there is really no need to download. can you ellaborate more?
    I read you cant put sounds with this, is this true?
    is it COMPLETELY free?
    Thank you.

  33. admin says

    It’s completely free and open source, yes. You can’t use it to add sounds. It’s a web app, so you don’t need to download anything. Just go to http://antimatter15.com/ajaxanimator/wave/ and it should work. However, you can’t make games with this. I’m sorry, this isn’t the program for you.

  34. wpolscemamymocneseo says

    I really thankful to find this site on bing, just what I was looking for : D too bookmarked .

  35. Grafik komputerowy says

    Nice post. I must pm about it my to uncle! Best Regards Grafik komputerowy.

  36. Anonymous says

    I’m a little confused here. Been playing around for a little bit with it and then noticed, the demo doesn’t look like the screenshots at all. My timeline is at the bottom, i have no tools on the right, and the top menu is missing too. I’ve tried with Chrome, Firefox and Internet Explorer. I failed to find any buttons to expand any missing menus/tools. The title says it’s the 0.20.05 Wave Beta.

  37. admin says

    I didn’t realize that one of the links are broken. The screenshots are for this version: http://antimatter15.com/ajaxanimator/build/

  38. Anonymous says

    And just another quick thing, why can’t i delete frames?

  39. Anonymous says

    while using it more and more questions arise, is there a forum or anything similar (not counting the googlecode issues page) for these? if not:

    - why is the wave version missing so many features?
    - but why are there some features in the wave version which are not in the standalone one (like the right click -> delete frame function)
    - why are there only 3 open issues on the googlecode page? isn’t anyone reporting? which would seem quite odd, because this is imho such a promising tool (good job so far btw).
    - if i create a circular shape, strg-c + strg-v it a couple of times, spread them around a little bit, click on, lets say frame 5, make it a keyframe, only the lastly copied shape is in any of the in between frames 2,3 and 4. in 5 all are back again.
    - is there any documentation on creating my own shapes and how could i add them to the library? and is there a possibility to save your a custom library to a single file to load them later?
    - is there any way to set an image as background for a layer?
    - when i use the select shapes-tool, select a shape, and then click on anywhere else on the canvas, the selected shape stays selected, is that expected?
    - why seem to be the newest downloadable version in the googlecode downloads section older than the version from http://antimatter15.com/ajaxanimator/build/ (haven’t checked the svn repository yet)

    don’t get me wrong, i really like your application and i am thinking of incorporating it in a sports training platform as a tool for end-users to animate certain tactics or training sets. i would also be interested in helping you out in this, especially the shape library functions would be really interesting for me (as preset shapes for players, obstacles, etc). another nice effect would be that many people would write descriptions on this platform which you could use as documentation (after translating because it would be in german).

  40. Phil DeGeorge says

    This is a very cool product. Nice job.

  41. Lotta says

    That’s more than sebsnile! That’s a great post!

  42. kevin says

    this is for people that want to build up a library of media, not the best way, just a way that worked for me.
    1. start a web server on your machine…i used the AnalogX simple server.
    2. create a folder for your stuff wherever you want. i have it on the desktop.
    3. as the author says change the library property to the address of your server, whatever that might be 111,.111.11.111/imgajax/face.png.
    4. the only rub here is i have not figured out a way to browse the folder, so you have to know the image name that you want to use in the animation. pre-planning prevents piss poor production
    5. 111.111.11.111/imgajax/face are not the actual address or folder name, or image name, you supply those.

    BTW dude you are very interesting, and at 16 years old all you need to do is keep up the good work.
    a story; i used to adjudicate hi school kids that wanted to go to summer school for video, digital graphics, and film. the last time i did this one young man’s entry was a php script to take random images from the web and compile them into a single picture, kinda like chuck close, as far as i was concerned there was no difference between that and painting a picture, just a different medium. so he got an award (whopee) for painting with a program script, and changed the way i look at what art is.

  43. Marylynn says

    It seems to me that this website doesnt download in a Motorola Droid. Are other folks getting the same issue? I enjoy this web site and dont want to have to skip it when Im away from my computer.

  44. interactive red says

    Great work thanks for sharing

  45. Dianne Erika Avila says

    hi to all!
    im Erika from First Academy of Computer Arts
    if theres somebody who wants to study more about in digital arts (3d arts, multimedia arts, web design and Visual graphic Design program and join our free workshop every saturdays 9am
    just contact me at this number 09077517530 or send me your email: dianne@firstacademy.net
    have a great day!..

  46. fkawau says

    This is the punish Ajax Animator – Blog blog for anyone who wants to attempt out out roughly this topic. You react so such its near exhausting to discourse with you (not that I rattling would want…HaHa). You definitely put a new twisting on a theme thats been backhand virtually for life. Discriminating congest, only eager!

  47. Carmela says

    Good Day!

    I just want to invite you to our free workshop you will be having a hands-on activities.
    Like 3D Animation, Flash Animation and Basic Photo Editing.
    Our school is located at 2/F Saville Bldg. 8728 Paseo de Roxas ave cor. Sen. Gil Puyat ave. Makati City
    If you are interested to join here,you can call 898-2724 up to 26 and kindly look for me.

    This is Carmela Conda career management adviser. First Academy of Computer Arts, I’ll be handling your concerns and needs at The Academy.

  48. Ajax framework says

    My family plus my good friend had been disagreeing a fantastic matter such as this!

    At this moment you know we has been suitable.
    hehe! Thanks for the information someone publish.

  49. Ammar says

    Did you use Visual Basic studio

  50. Cypress says

    I found this with my new I-Phone. I love it when people come together and share views, great website, continue the good work.

1 2 3

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. [...]

  4. Online Tools and Resources « Espresso Chic linked to this post on March 16, 2011

    [...] http://antimatter15.com/wp/ajax-animator/ <animation editor with built in vector graphics editor [...]

  5. Online Tools and Resources « Ms.Receptionitis linked to this post on May 10, 2011

    [...] http://antimatter15.com/wp/ajax-animator/ <animation editor with built in vector graphics editor [...]

  6. Online Tools and Resources « Ms.Receptionitis linked to this post on May 10, 2011

    [...] http://antimatter15.com/wp/ajax-animator/ built in vector graphics editor [...]

  7. Interlocked Pieces AJAX Animator linked to this post on June 27, 2011

    [...] just added this cool online tool to my Resources – Links+ list but wanted to share it in a post also. This is such a cool site [...]

  8. Download « webworldmaster linked to this post on November 14, 2011

    [...] Link: http://antimatter15.com/wp/ajax-animator/ [...]

  9. Ajax Animator | 36´5 GRAUS linked to this post on December 13, 2011

    [...] Link: http://antimatter15.com/wp/ajax-animator/ .nrelate .nr_sponsored{ left:0px !important; } // .fb_iframe_widget { vertical-align: top [...]

  10. 6 Useful And Best Free Flash Editors | Techno Tab linked to this post on February 9, 2012

    [...] 6) Ajax Animator [...]

  11. WEBDEV CORNER by SEBASTIEN TARNOWSKI | My Blog about Web & Mobile Development linked to this post on March 12, 2012

    [...] intended as an alternative to Flash, AJAX Animator  has evolved into a cross- platform animation tool that handles animated GIFs and SVGs as well as [...]

  12. 50 Free Web Design Tools That Rock! | Web Help 101 linked to this post on March 17, 2012

    [...] intended as an alternative to Flash, AJAX Animator has evolved into a cross- platform animation tool that handles animated GIFs and SVGs as well as [...]

  13. 50 free web design tools that rock! linked to this post on March 20, 2012

    [...] intended as an alternative to Flash, AJAX Animator  has evolved into a cross- platform animation tool that handles animated GIFs and SVGs as well as [...]

  14. 30 Best Free Tools for Web Designers & Developers | Sky Tech Geek linked to this post on March 21, 2012

    [...] handles animated GIFs and SVGs as well as SWFs. It’s browser based but works offline too.   Download [...]

  15. 5 Free Flash Editors to Create Outstanding Animation | ZoomZum linked to this post on May 22, 2012

    [...] 6) Ajax Animator [...]

  16. 5 Best Open Source Flash Editors | Techno Tab linked to this post on May 23, 2012

    [...] 1) Ajax Animator [...]

  17. 5 Best Open Source Flash Editors | Weboroid linked to this post on July 3, 2012

    [...] Readmore [...]

  18. 7 Best Free Flash Editors linked to this post on July 19, 2012

    [...] Ajax Animator is a fully standards-based, online, collaborative, web-based animation suite. [...]

  19. Ajax Animator – Blog « Sutoprise Avenue, A SutoCom Source linked to this post on August 20, 2012

    [...] Animator – Blog Posted: August 20, 2012 in Web & Cloud 0 Ajax Animator – Blog. Share this:LinkedInTwitterDiggBloggerLike this:LikeBe the first to like [...]

  20. Ücretsiz Web Tasarım Araçları – (21 Tane) | Webtroloji - Webmaster Blogu linked to this post on April 11, 2013

    [...] animasyon aracı haline gelmiştir ve GIF  SVG  SWF desteklemektedir. Online bir araç olan Ajax animatorçevrimdışı olarak da [...]

  21. Ücretsiz Web Tasarım Araçları – (21 Tane) | OrcunTuna linked to this post on January 30, 2014

    […] animasyon aracı haline gelmiştir ve GIF  SVG  SWF desteklemektedir. Online bir araç olan Ajax animatorçevrimdışı olarak da […]

  22. » 7 free/open source Flash editors linked to this post on March 27, 2014

    […] Ajax Animator is a fully standards-based, online, collaborative flash Integrated development environment (IDE) specially designed for simplicity and community. The Main goal of the project is become 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. […]

  23. 15 free web design tools – Rock Your Website (Part 1) | WeBlog linked to this post on April 25, 2014

    […] intended as an alternative to Flash, AJAX Animatorhas evolved into a cross- platform animation tool that handles animated GIFs and SVGs as well as […]



Some HTML is OK

or, reply to this post via trackback.