Jump to content
GreenSock

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

Search the Community

Showing results for tags 'throwpropsplugin'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

  1. Hi all, I'm trying to use the ThrowPropsPlugin together with the Draggable functionality in my VUEjs website. However every time I set the property "throwProps" to true I get this error: Uncaught ERROR: No velocity was defined in the throwProps tween of [object Object] property: x I know there are already other topics with the same subject opened but I've tried the solutions mentioned in there and nothing helped. Here's my code for reference. If anyone could help it would be much appreciated. Thanks! require('../libs/ThrowPropsPlugin'
  2. Hi there, just got a club license to use the amazing ThrowPropsPlugin in combination with `draggable` and `type`:`scroll`. Now I would very much like an option to make the scrolling snap to certain elements, if flicked. Is there an option or approach for this?
  3. Hey, Been using GSAP for a while now, but I have a problem with the snap feature of ThrowPropsPlugin. I'm currently working on a project that includes pixi.js and I'm using GSAP to animate. since I'm using pixi and not regular html elements I decided to use ThrowProps directly and not draggable. here's a snippet: this.tween = ThrowPropsPlugin.to(this, { throwProps: { x: { velocity: 'auto', min: 0, max: 1000, end: function (naturalStop) { if (distanceFromAnotherPixiObject < 50) { return anotherPixiObject.x
  4. hi, i load an external swf file into a sprite mcContainer, and jump to frame 2 of loader.rawContent. when applying BlitMask to mcContainer and fling it, the swf goes back to frame 1 until finished scrolling, then back to frame 2. can i avoid that? thanks...
  5. hi, i'm trying to use the ThrowPropsPlugin with end:[-80,-160,...] parameter. the first time i use it on my list, it works. it stops at one of the endpoints. but when i click the second time on the list, it jumps quite a distance on mousemove. plugin version is: VERSION: 12.0.16 attached the class i use. any idea why this happens? thanks TestGreensockScroll.as
  6. Hello, I've accidentally* found out that ThrowPropsPlugin plugin has such properties (or events) as onThrowUpdate and onThrowComplete. But they're not documented anywhere. Is there something like a full API reference for all methods and properties for all the modules? Especially required for the ThrowPropsPlugin. Thanks! * I was looking through code examples of some people on Codepen and noticed them using these properties.
  7. stereoS

    Draggable Chrome

    Hi, First of all, thank you so much for your amazing support, it helped me a lot of times. I have a problem with Draggable / ThrowPropsPlugin, only on Chrome, and I can’t figure why. Sometimes, the slider don’t move when I drag it although the onDragStart event is called. I made a Codepen here : http://codepen.io/adrienlementheour/pen/KaKggM. Can someone take a look ? Thank you
  8. I have the following tween that is called every 60 seconds with a setTimeout: ThrowPropsPlugin.to( nextItem, { throwProps:{ x:{ velocity:200, min: 0, max: 0 } }, onUpdate: function(){ _animateItem( Math.round( ((nextItem._gsTransform.x + 45 ) / vpW ) * 100 ) ); }, ease: Power3.easeOut, onComplete: DRA.prepareNext.init }, 4 ); Everything is going fine, until I leave the browser window (new tab). I want it to continue animating. I read that I can cancel the usage of RAF. But I couldn't read anything about it in the docs ( So I've read that ThrowPr
  9. How can I program an object using ThrowPropsPlugin along a spiral path (roulette wheel ball)?
  10. Hi, I have a small issue with my scroller withing my mobile app. The issue is if I'm pressing, holding and dragging (up or down to wanted position) in one action, and then lifting my finger - the scroll will continue the animation of scrolling. It's like it "stores acceleration" - If my drag action is bigger, than the scroll will continue the animation more. How can I disable this "after scroll" animation? I just want a smooth and linear scroll. Can someone help? Here is my current code: ThrowPropsPlugin.to(buttons_container_mc, {throwProps:{ y:{velocity:yVelocity, ma
  11. Hello, I'm trying to detect if my draggable "isThrowing"... https://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/isThrowing/ Clearly I'm doing it wrong? Thanks!
  12. Hi! I have noticed that if I have a draggable element with throwProps:true and throwing it will stop animate if I call the enable() function while the throw animation is still active. What im trying to do is that I have nested draggables that needs to call disable and enable at a specific time and dont want to break the animation if its still going. I looked at the Draggable.js source code and in line 1718 does the animation to stop. TweenLite.set(target, {x:"+=0"}); //simply ensures that there's a _gsTransform on the element. I wanted to let you now what I found and maybe its bette
  13. Hi, I'm new here... I tried the ThrowPropsPlugin at FlashDevelop but it dose not work... when i put the same code with the same MovieClip at Adobe Flash it does work... Does anybody have any idea? What is the problem?... (other plugins of greensock does work, like tint and glow...) Thank you
  14. Hello, I recently upgraded my AIR SDK to 15 and none of the UI made with the ThrowPropsPlugin seems to be working in the iOS "slow-test"/adhoc builds. TweenLite seems to be ok. Has anyone faced a similar issue? Also, I was using DataLoader to communicate with PHP which again is not working on the above build types. (It works on "fast-test" though.) Any idea what's happening here? Regards
  15. I'm trying to set up my page such that my document's scroll behaves exactly like a 'scroll' draggable. What I'm really after is document scrolling that snaps to certain areas of the page, but with all the silky physics of Draggable — I basically want my scroll events to act just as if they were throws. For example, look at GreenSock's own "scrolly knob" demo. When the scroll area is dragged, or when the knob is turned, the scroll velocity is animated smoothly to a stop at one of the snap points. But when the content is manually scrolled by the user, there's no inertia or snapping. What I
  16. mi.mohajer

    Drag and throw

    I want to know if there is some way to click and object and trow it with draggable and throwprops plugin ?
  17. Hi guys, I just tried the ThrowPropsPlugin to move a MovieClip in x-direction instead of y-direction like in the example. I took the code from the example and changed every y-value to an x-value. However, it doesn't seem to work smoothly. The drag-movement is somewhat stuttered. Strangely enough, the drag-movement where the position exceeds the bounds runs smoothly. I've attached a minimal working example, maybe someone can have a look and tell me where the code goes wrong. For some reason I'm not allowed to attach any file, so I'll just upload to my Dropbox: https://dl.dropboxusercont
  18. See the Pen Draggable "Toss" Demo (4col) by GreenSock (@GreenSock) on CodePen. See many of Draggables properties in action including bounds, liveSnap, snap, edgeResistance and more. This demo is a great starting point to get familiar with Draggable and ThrowProps plugin. Fork, edit and enjoy! Be sure to read the [docs id="js.Draggable" linktext="Draggable Documentation"].
  19. howdy GSAP team! Just wanted to post a recently launched project using GSAP, specifically draggable and ThrowPropsPlugin. This is designed for mobile phones only so please check it out on your phone to get the full experience. http://www.crocs.com/spring thanks to Jack, Carl, and the whole GSAP community - always helpful and friendly! And thanks in advance for taking it for a spin Azuki
  20. Hey GSAP team, I'm using the ThrowPropsPlugin and Draggable feature for a spinning dial of sorts. My dial will lock at 25.71 degrees (dividing a circle into 14 equal sections). I'd like to create a button that randomly spins the dial and stops at one of the defined sections. Has anyone created this kind of functionality or does anyone have any insight on how I might approach this? Also, in the GSAP dial example, the rotating image is a single "knob.png". My dial will have 14 different colors and I'd like each color to link to a new page. I realize this makes the dial a great dea
  21. When I view this in codepen the text in box1 and box2 does not display. I copied the code to my texteditor at home it ran fine but the the text doesn't display there either. I don't know how I would address that text to give it a higher z-index or what I should do. Thanks in advance for any help. <div class="box" id="box1">Drag and throw me</div>
  22. Hello, I was wondering, is there a way not to increase the property value infinitely, but to reset it back to it's minimum value when it reaches its' maximum and continue tweening? Say, I have an object with a property which I would like to "throw" with my mouse. But the thing is, the valid values for the property are from 0 to 10. So, if the value during the tween exceeds 10, I want it to go back to 0 and continue tweening until it stops. Thanks in advance.
  23. Hi I'm using ThrowPropsPlugin to animate a sprite called imageContainer: The code I'm using is from the ThrowPropsPlugin example found here: http://www.greensock.com/throwprops/ Example: ThrowPropsPlugin.to(imageContainer, {throwProps:{ y:{velocity:yVelocity, max:maskBounds.top, min:maskBounds.top - yOverlap, resistance:300}, x:{velocity:xVelocity, max:maskBounds.left, min:maskBounds.left - xOverlap, resistance:300} }, onUpdate:scrollUpdate, onComplete:scrollEnd, ease:Strong.easeOut }, 10, 0.3, 0); Is there a method I can call on TweenLite that forces the animation to end ins
  24. membla

    Paging

    Hi, I'm having high hopes of being able to replace other touch/scroll libraries such as iScroll or FTScroller (both being good projects but sorely lacking in certain areas) with the Draggable and ThrowProps plugins. So far, the only thing I'm missing from GSAP is the possibility to limit the snap to the closest item, thus being able to implement proper "paging". FTScroller has a "strict" property to achieve this behaviour and these examples give a good explanation of the difference: http://ftlabs.github.io/ftscroller/examples/horizontalpaged.html http://ftlabs.github.io/ftscroller
  25. Hi there, I am trying to use ThrowPropsPlugin, I'm using canvas, so I can't use Draggable. I want to give my x and y 'end' property an array of end positions to throw to, but these positions are not arranged in a grid.. they are at different regions of the page. Because I want to be able to throw to various offset regions on the page,,, snapping to a grid using the 'topNotches' and 'leftNotches' arrays in the example isn't good for me. You mention that we can provide a function instead, but I can only give the function the x or y value as the parameter.. so the function in x's 'en
×