en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en en en en en en en en en en en en en fi en en en en en en en en en en en en en en de en en en en en en en en en en en ca en en en en en en en en en ca en en en en en en en en en en en en en en en en en en en ca en en en en en en en en en en tr en en en en en en en en en nl en en es fr en en en en en en en fr en en en en en en en en en en en en en en en en en en en en en nl nb en en nl en sv en en en en en en en en en nb en en en en en en en ja en en en en en en en en id en nb en id en en en en en en en en en it nb en en it en en en en en en en en en en en en en en nb en en en fr en en en en en en en en en en en en en en nb en en en en en en en en en en en nb en en en id it en en en en en en pt en de en en en es en de en de en es en fr en es en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
HaunGo posted a topic in GSAP
Don't reverse tween in timeline
TrevorRice posted a topic in GSAP
Slide Transition (Sweep Screen from Right to Left)
xdsantana posted a topic in Banner Animation
Hello Everyone! I encountered a problem for which I can not find a solution. I would like to make the transition from one slide to another, something very similar to CSS clip. The problem is that I need a diagonal bar to sweep the screen from right to the left, showing the content that lies beneath. Does anyone have any idea on how to achieve that? I have attached a picture that might explain a little bit better what I am trying to do. Any help is very much appreciated!
How to make frames to change/swipe diagonally
dia posted a topic in Banner Animation
Hi! Can you give me guides on how to make frames to chance diagonally. It's about a banner animation, and I need the frame to angle swipe (with 1px line) from top left to bottom right, clearing copy from previous frame. The next frame should appear under! Thanks in advance!
Multi-Finger Swipe on Draggable
JustinLBannister posted a topic in GSAP
Just wanted to know if there was a way to implement two finger or three finger swipe with a draggable element. I haven't come across this in any of the documentation or forums just yet. Thanks.
Basic swipe event to call a function
HaunGo posted a topic in GSAP
Hello.. I'm having trouble finding a very basic swipe example.. .. I don't need to drag anything around.. .. I just need to listen to a swipe up or down and call the appropriate function. I've got a little something now based off of some examples, but again.. .. i end up dragging the stage round when I just want to listen for a swipe direction. Any suggestions? Here is my simple code: var DD = Draggable.create($("#stage"), { type:'y', lockAxis:true, onRelease:function() { var dir = this.getDirection("start"); console.log('swipe! onDragStart() ' + dir) if (dir === "up"){ next(); }else if(dir === "down"){ prev(); } } }); ALSO, I tried attaching it to the body, but the only direction that would log was "right". Thanks,
BlitMask for swiping gesture
GreenBeak posted a topic in GSAP (Flash)
Hi! First of all, @Jack: thanks a lot for the awesome Greensock framework! Currently I'm building an application that supports swiping. It's has a fairly large resolution. The application itself has a screen size of 1920x1080, but the swipable content is roughly 15000px wide (height being 1080). So I was thinking, since the swiping was not very smooth, that I could use BlitMask to reduce the unnecessary calculations. However, I'm doing something wrong, since the mask itself doesn't seem to work correctly for dragging and swiping gestures. I have the following line in my code ('bm' is defined at the top of the class): this.bm = new BlitMask(this.mc, this.mc.x, this.mc.y, 1920, 1080, true, true, 0, false); However, the BlitMask seems to be an object laying over all the other objects, meaning my EventListeners on the content are not recognized. Is there some workaround for this or am I mistaken here and the error lies somewhere else?
philtan posted a topic in GSAP
Hi, Am not really a web developer nor designer so i really hope there’s kind souls out there willing to share. I would like to mimic the iphone/android swipe effect on desktop browsers. Basically, each screen will have a couple of options(ie buttons) for user to select. the user can also swipe left/right to see the other options. all these will be just in single html page. is this possible purely with greensock or it needs another JS plugin to detect swipe left/right? another thing i need is to mimic the contact list. so the user swipes up and down and the list will scroll with velocity effect (ThrowProps?) then select from the list. any samples out there? thanks
Swipe Comic pages start/stop animation if slide/page is visible
Odisej posted a topic in GSAP
Hi, I'm not exactly a coder but would like to use greensock for interactive comic book animation. There was already one question here about comics, but that was about controlling the timeline in scrolling. I would like to use divs for slides/pages and you should swipe horizontaly from one to the next. I would like to control the animation within each div when that div/slide/page is visible and stop the animation when you swipe to other page. There should be restart of animation every time you revisit the page. Can I use draggable for swipe animation between slides? Would love to see some easy example of this... Thanks!
slides pages comic book
slides pages comic book
Buzzafett posted a topic in GSAP (Flash)
Need help creating an iPhone style menu, similar to Angry Birds or Cut the Rope. It needs to use either Adobe Gesture Events or Greensock ThrowProps. I tried using the ThrowProps example, but I need it to stop on each menu item. The code below uses swipe left/right Gesture Events and TweenLite, but I need help adding an overshoot to the first and last menu item. Maybe by adding an 'if else' statement. import com.greensock.*; import com.greensock.easing.* var offsetX:Number = 440; // Swipe Gesture Multitouch.inputMode = MultitouchInputMode.GESTURE; stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, swipeHandler); function swipeHandler(event:TransformGestureEvent):void { switch(event.offsetX){ // swipe left case -1: { TweenLite.to(mc, 1, {x:mc.x - offsetX, ease:Expo.easeOut}); break; } // swipe right case 1: { TweenLite.to(mc, 1, {x:mc.x + offsetX, ease:Expo.easeOut}); break; } } } stage.addEventListener(Event.ENTER_FRAME, traceXPosition); function traceXPosition(evt:Event) { trace("movieClip Position: " + mc.x); }
“I just tried to animate some objects using vanilla js but it was really laggy- switched to GSAP and now it’s smooth af”
“I've never worked with a product that has such fantastic and enthusiastic support. GreenSock is incredible in its own right, but the team behind it is really what makes it shine.”
“GreenSock has encouraged me to play with the code, to dream up new and exciting things to do.”
“It's shocking the @w3c didn't use @greensock as a model of how to do animation via code. Did they even ask animators what they use?”
“There is no doubt that GreenSock is currently the best available tool for creating astonishing interactive websites and animation effects.”
“This stuff is so incredibly amazing I can't believe it. The level of details and options put into these things and the natural instinct GreenSock has for solving everyday problems is impressive.”
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“GSAP should be the default when it comes to Javascript animations. It should literally be part of the next Javascript update.”
“With the incredible functionality, and the mind-blowing customer service, the price of Club GreenSock admission is well worth it!”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.