gareth

BusinessGreen
  • Content Count

    75
  • Joined

  • Last visited

Community Reputation

8 Newbie

About gareth

  • Rank
    Advanced Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. gareth

    on compete of staggerTo

    amazing, thank you both. I have made a small update to yours @Carl so we do not need jquery.
  2. gareth

    on compete of staggerTo

    I have a text animation that shows one word at a time. Is there a way I can fire a function at the end of each staggerTo (i.e each paragraph?) This is what I have: tl.staggerTo(mySplitText.words, speed, {display:'block',repeat:1,yoyo:true}, speed*2,endOf) function endOf() { console.log ('end of paragraph') }
  3. gareth

    license confusion

    Thanks for the clarification. I agree it is great value , thank you for all your hard work.
  4. gareth

    license confusion

    Hi, I am creating a web app for a large companies intranet, will I require a commercial license?
  5. gareth

    Responsive draggable menu

    ah! thanks so much for demo, it is spot on. I agree it does feel more natural.
  6. gareth

    Responsive draggable menu

    ok so I can just grab the screen width (but will have to update on resize) var maxX = window.innerWidth; which brings me to my next question how do you control when the snap is triggered ? at the moment it looks like you have to exceed 50% for the menu to snap either way. Is is possible to change this to say 25% i.e if I drag past 25% the menu will snap to 100% ?
  7. gareth

    Responsive draggable menu

    Hi, I have simple menu that I want to drag from 5% of the screen to 100%. // changing this to "100%" does not work var maxX = 320 Draggable.create(".menu", { type:"x", throwProps:true, edgeResistance: 1, maxDuration:0.3, bounds: {maxX:maxX, minX:0}, snap: { x: [0, maxX] } }); The menu works fine if I supply a pixel value for the bounds and snap points. It is possible to use % ? thanks, Gareth
  8. gareth

    get value of attr

    thanks! that looks very helpful.
  9. gareth

    get value of attr

    thanks Jonathan. It does not return the "live" value of the attr while tweening i.e it always returns M100,300 C100,100 125,40 125,40, not the values as it is tweening. is it possible to do that?
  10. gareth

    get value of attr

    sorry please close, it is easier to just create a new tween for the circle. TweenMax.to("#circle", force, {x:bendAmount-100,repeat:-1,yoyo:true,ease:Power1.easeInOut});
  11. gareth

    get value of attr

    I would like to be able to get a svg point value as the tween is updating, so I can move another svg in sync: var curve = { d: 'M100,300 C100,100 ' + bendAmount + ',40 ' + bendAmount + ',40' }; TweenMax.to("#pole", force, { attr: curve, repeat: -1, yoyo: true, ease: RoughEase.ease.config({ strength: 2, points: 20 }), onUpdate: topper, onUpdateParams:["{self}"] }); function topper (tween) { // how do I get the values of curve ? } I am trying to animate the circle so it attached to the top of the line.
  12. gareth

    variables in attributes

    thanks!
  13. gareth

    variables in attributes

    This works: var curve = {d:'M100,300 C100,100 ' + force +',40 ' + force +',40'}; TweenMax.to("#pole",force,{attr:curve,repeat:-1,yoyo:true});
  14. gareth

    variables in attributes

    Hi, How can I use a variable in the d section of this tween? TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100 110,40 110,40'},repeat:-1,yoyo:true}); I tried TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100' +force+',40' +force+',40'},repeat:-1,yoyo:true});
  15. gareth

    Speed of responsive animation

    perfect thanks!