Jump to content
GreenSock

faith24

Getting Start

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

Im new to this.

 

Im creating some animation, in html5 format.

Is there any application I should be using? To start a canvas, import in my design elements in their layer and animate them. 

 

Thanks in advance.

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

I moved this topic to our JavaScript forum.

 

To answer your question, it really depends on which tools you are comfortable with.

Dreamweaver's "design" view will probably work ok for you as it will allow you to create divs with absolute position and you can just place them where you want on the screen.

 

Google Web Designer has some ok features for layout too.

 

We know some folks that have great success with Adobe's EdgeAnimate but you need to jump through a few hoops to understand how to write your code, where to write and how to target symbols. 

 

I'd say that a large majority of our users are used to hand-coding and stick to text editors like SublimeText, TextMate, WebStorm, PHPStorm etc. 

 

If you are just getting started with the GreenSock API I would recommend you start with just trying to get a few basic tweens running on some images or simple divs. 

 

Take a look through our Jump Start: http://www.greensock.com/jump-start-js/

 

Then experiment in codepen for a bit: http://codepen.io/collection/ifybJ/

 

You can visit any individual codepen demo: http://codepen.io/GreenSock/pen/zgsof click the 
"share" button and download all the source files. You can then edit the html and javascript in your tool of choice.

 

If you are not looking for tools that are purely visual and require no coding you may want to investigate Flash CC's HTML5 export features or take a deeper look at EdgeAnimate.

 

Hope this helps!

Link to comment
Share on other sites

thank you, it sure give me some direction to begin with.

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