I've written in Gsap and for The Canvas element. Is there any room for GSAP in Canvas or visa versa. Are there any examples of the 2 working together? I suppose I could use multiple Canvas elements sort of like Flash MovieClips. I'm rambling I just want to know if there's any practical overlapping of the 2.
If I knew ho to identify just the screen maybe I could use it as a trigger. If I could create a trigger div that contains both screen and controls that's over the screen and also same dimensions as the screen. Otherwise if I could manipulate the bubbling/capture properties of the control bar so it responds only as a control bar?
Just remove $ in front of bar.
change the js from
$bar = $(".bar");
Draggable.create(".box",{
type:"x,y",
trigger: this.$bar
});
to:
Draggable.create(".box",{
type:"x,y",
trigger: this.bar
});
When I display video with controls and draggable is on I can't independently control the volume. If you run the pen with the JS commented out you can change the vol. I would like to change if I could limit the draggable area just to the screen I think that would work.
The images in the main slideshow are rather large one is over 500k. They work fine on my desktop which is connected to 100 megabit internet connection over either net. When I run on a old laptop using wifi it doesn't work so well. I reduced some images to smaller size without changing their dimensions they may help.
I don't know how you would apply wave physics ti a single block maybe if it was composed of particles. I'm sure you can do something like that in Flash and Jack is possibly the most accomplished Flash programer there is. It's well over my head.
line 21 I forked his pen and changed window.scrollTo(0,r*m) to window.dragTo(0,r*m) it appears he's done the same. It was just a guess but it seemed to work now I'm wondering if window.dragTo is even a real command.
10 min later I copied the code onto my system and sure enough there's no such thing as "window.dragTo" I set it back to window.,scrollTo and the console no longer reports an error but the original problem is back. The whole tick() method is new to me and I'm out of my league here. I just thought I made a lucky guess and I'm not clear on what he's trying to accomplish.