Jump to content
Search Community

animachine: GUI for GSAP

animachine test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi GreenSock forum! I'd like to show you this alpha state editor tool for GSAP. It'd be great to know what you think about it (opinions, suggestions, feature requests, ...everything that could help to aim the development into the right direction:)
 
Briefly, it puts traditional animation tools over your page so you can pick dom elements animate them on timeline then save the animations in a .js file what you can easily add to your project.
 
Github: https://github.com/animachine/animachine
Chrome extension: https://chrome.google.com/webstore/detail/animachine-alpha/gpnfomkfgajaojpakbkikiekmajeojgd
 
9X2xUfz.png

 

@animachinejs

  • Like 6
Link to comment
Share on other sites

Currently Firefox supports shadowDOM, but you have to manually enable webcomponents in Firefox, since they are disabled by default.

 

To enable in current stable Firefox 35:

  • go to about:config
  • search for dom.webcomponents.enabled
  • and then double click the property to toggle it to true.

I believe the Firefox 38 stable release should have dom.webcomponents.enabled set to true by default. You can find the current Nightly Builds of Firefox that support shadowDOM via webcomponents here: http://nightly.mozilla.org/

 

Very awesome tool animachine! ;)

  • Like 2
Link to comment
Share on other sites

Hi GreenSock forum! I'd like to show you this alpha state editor tool for GSAP. It'd be great to know what you think about it (opinions, suggestions, feature requests, ...everything that could help to aim the development into the right direction:)

 

Briefly, it puts traditional animation tools over your page so you can pick dom elements animate them on timeline then save the animations in a .js file what you can easily add to your project.

 

Github: https://github.com/animachine/animachine

Chrome extension: https://chrome.google.com/webstore/detail/animachine-alpha/gpnfomkfgajaojpakbkikiekmajeojgd

 

9X2xUfz.png

 

@animachinejs

it's really so cool~~!!!

come on~~

I'm looking forward to later versions....

 

Link to comment
Share on other sites

Hi animachine,

 

Just wanted to jump in quickly.

I only had a little time to install the Chrome extension and play around. 

What you have done is very impressive.

Its quite brilliant how it all interacts with elements in the DOM tree.

Of course its a pleasure to know you chose GSAP for handling the animation.

 

However, I really need to sit down with it for a little bit and learn how to use it properly.

 

I look forward to chatting with you about it more once I have some of the basics down, we've just been terribly swamped around here.

 

Best,

 

Carl

  • Like 1
Link to comment
Share on other sites

Thanks ice-frog, i do my best to get done the new release soon:)!

 

Thank you Carl for taking the time to try out, i hope you'll have fun with it! (And i can't thank enough for the power of GSAP which makes this possible)
 

I would be glad to have the chance chatting about this with you guys!

 

All the best!

  • Like 1
Link to comment
Share on other sites

  • 1 year later...

Hi, looks like it took more than a year but the animachine beta is out!

This release has less features but way more stable and faster. (I had to rewrite the whole thing many times :) )

 

It's still just a proof of concept and not a ready to use tool but it's ready to try! :)

 

It also has a website now (: animachine.org

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...