Canvas/animating images on it and ad units

[cbull 0 Likes (Newbie)]

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

[Carl 9,066 Likes (Superhero)]

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

[cbull 0 Likes (Newbie)]

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