Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
cbull

Canvas/animating images on it and ad units

Recommended Posts

I am trying to create and html5 ad unit using images, canvas and GSAP…I am having a problem seeing it up and loading thin the images…I am trying not to pull in many libraries. Any help would be appreciated. Thanks

Link to post
Share on other sites

Hi and welcome to the GreenSock forums.

 

We'd love to help you but this seems like a very generic question related to how canvas works. Not really sure exactly what you are looking for.

 

If you want to animate images on canvas without a lot of extra libraries, This video tutorial by Lee Brimelow is a great starting point: http://gotoandlearn.com/play.php?id=161

 

Personally, I enjoy using KineticJS with GSAP as it makes things much easier like support for mouse/touch events and a very robust drawing API. 

 

Here is a very basic demo showing a number of properties that can be easily animated with Kinetic: http://codepen.io/GreenSock/pen/ce3b4698b1dbba736f96ba34ad147de8

 

something a little more advanced: 

http://codepen.io/GreenSock/pen/b4f09a7dd8ae4f7ad57fedc843b7485d

  • Like 1
Link to post
Share on other sites

Carl Thanks.

 

I am still stumped, I currently use the create js export out of flash and create simple html5 ad units…I am trying to set up the same thing using GASP but I am having a problem loading in the images and then wince they are loaded and put on the canvas I am can not target them or manipulate them using GASP.

 

Thanks

Link to post
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.

×