Jump to content
GreenSock

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

mimeartist

ShockinglyGreen
  • Posts

    91
  • Joined

  • Last visited

Everything posted by mimeartist

  1. This is the thing I've been working on... basically i have two end points that go through a predefiined point each, so the mid point where all the points meet makes the text... and because they've got a little bit of a delay / change in speed in has an more natural feel... I guess this is the best way to do it... i wanted to avoid a tween to the mid point and then another tween to the end point.. Didn't realise I could feed the ease back in... I'll do that and reverse it by eye I think Thank you!
  2. I've built a custom ease using the greensock visualiser.... theEaser = "M0,0 C0.126,0.382 -0.164,0.5 0.5,0.5 1.166,0.5 0.818,1 1,1"; I think I actually want to play it backwards, is there a way of reversing these values?
  3. I'm currently letting TweenMax do some of the hardwork of working out transforms rather than having to work out the matrix translations myself Here is an example of the code - Is there a faster way of grabbing the transforms... I'm dealing with about 4000 objects, and although this is an internal project for converting flash SVG's for use in web sites I'd obviously like to make it faster... (without having to do too much maths
  4. mimeartist

    Beziers

    Thanks Manfred, That looks very good... the issue I have is that it's got to work kind of randomly too... I can't post the code here... but this is the instagram video of what I achieved yesterday... I arrange the lettering in flash and export it as a svg, which I then grab the points from https://www.instagram.com/p/BTHTmeilNRd/?taken-by=jameseverettstone
  5. mimeartist

    Beziers

    Thanks Carl, I set those at slight extremes to show the issue... I've decided to do a workaround, whereby I do a tween to the midpoint and then a new one for the second part from the control point to the end point... to get a curve I've assumed a control point for each half and it seems to pretty much work... I want the midpoints when all reach to move very slowly... so I'm doing an power ease out and then easein... Thanks for your help! James
  6. mimeartist

    Beziers

    Hi Carl, Here is my codePen, as you can see when you run them one reaches it's mid point more quickly than the other... http://codepen.io/mimeArtist/pen/rmeNKw Alternatively I'll just tween to the mid point, and then perform a tween to the end point... but to get some kind of curve / gravity, I'd need to have a different ease for both axis? Not sure how to do that? James
  7. mimeartist

    Beziers

    I have about 10 beziers routes that all have the same start and finish points, and the control point is a random position for each one... how do I get it to reach each control point at the same time, because at the moment it draws each curve beautifully and they finish all in sync... but this obviously means they hit their control point at a different time? thanks, James
  8. Does anyone know of any effects to the viewport on ios? I've got a draggable panel... with videos in it... when the video is played using videojs on ios it automatically goes fullscreen, and when i go it seems that the draggable gets stuck half way I don't think this is a draggable issue... but does anyone have any pointers to people that have had issues with anything like this, sorry I can't supply a codepen for it?
  9. Thanks for the replies... this has always confused me... where should I be definiing X in the CSS? and why does it update the position but stick at 10px? http://codepen.io/mimeArtist/pen/mRNvwQ
  10. mimeartist

    Close enough?

    I'm doing some animation that doesn't need to be pixel perfect, infact it would be better if it was slightly 'off'... Is there a way to get a tween to stop when it's within a few pixels of the destination... Also how do I get it to report the position that isn't rounded, should I be using x rather than left? http://codepen.io/mimeArtist/pen/KaObMG
  11. I just tried to place my code in there, I've since forked it... and it worked... turned out I'd added the throwProps, but my TweenMax version was a lower number... so put the new one in and it worked! thanks for your patience http://codepen.io/mimeArtist/pen/zNJBOa?editors=0011
  12. I've included the ColorPropsPlugin and in the tween I'm wrapping those values in the colorProps:{ } do I need to define them in the initial object? Sorry for not including a codepen, it's just part of a bit of a monster myFace = {headWidthVal:headWidth, headHeightVal:headHeight, curveFactorVal:curveFactor, curveFactorBVal: curveFactorB, randomAmountVal: randomAmount, guideStrengthVal:guideStrength, faceColVal:faceCol, noseColVal:noseCol, hairColVal:hairCol }; TweenMax.to(myFace, 0.5,{ headWidthVal:aimHeadWidth, headHeightVal:aimHeadHeight, curveFactorVal:aimCurveFactor, curveFactorBVal:aimCurveFactorB, randomAmountVal:aimRandomAmount, guideStrengthVal:aimGuideStrength, colorProps:{faceColVal:aimFaceCol, noseColVal:aimNoseCol, hairColVal:aimHairCol}, onUpdate:reportArray});
  13. I'm drawing the svg shapes with the current tweened value rather than tweening the colour of the item... myFace = {headWidthVal:headWidth, headHeightVal:headHeight, hairColVal:hairCol } TweenMax.to(myFace, 0.5,{ headWidthVal:aimHeadWidth, headHeightVal:aimHeadHeight, hairColVal:aimHairCol, onUpdate:drawFace, ease: Elastic.easeOut}); function drawFace(){ hairCol = (myFace.hairColVal); //MY DRAWING SVG BITS AND BOBS }
  14. I'm tweening the values of an object which is giving me the values of the points on a face for a nose etc... I'm also including the hex values of the items' colour... I'm storing the values in tne object and then referring to them as I tween... however the colours don't seem to tween... Is there a format I need to use to tween a hex? should it be 0xFF0000 instead of #FF0000 perhaps?
  15. I want to delay a drag so it doesn't get recognised for at least 5 pixels for example, is there a threshold or anything like that I can set? Reason being I'm mixing some swipeLeft with draggable, and i get a very tiny part of the draggable triggering when I swipeLeft... it might not be ideal in the final product, but I want to at least try it
  16. mimeartist

    onUpdate

    Also as a side... I've kill the tween under certain circumstances... do I need to remove the listener, or does the onComplete perform that? I'm assuming that I could in effect set up a setInterval that does the same thing?
  17. mimeartist

    onUpdate

    Thanks Diaco, Is Ticker a greensock thing then? Will give it a go!
  18. mimeartist

    onUpdate

    Is there a way to set the onUpdate when doing a Tween to be less frequent... basically I'm doing a very slow slideshow of images that pan past the screen and it calculates which one is most on screen so it can display the correct caption... the scroll is super slow so any extra processing power would be nice to keep it as buttery smooth as possible... so really I only want the onUpdate to be called every second for example... Is there anything like that built in? Before I reinvent the wheel
  19. PS my autocorrect changed program to problem...
  20. thanks Jack... face palms... have you always been able to do it that easily?
  21. Lets say I create a draggable item in an array e.g. dragItem[n] = Draggable.create(tempClip, { type: "left", trigger:"#projectDrag", edgeResistance:0.99, throwProps: true, zIndexBoost: false, bounds: { minX: tempMinX, maxX: tempMaxX}}); how do I then temporarily disable it, and indeed check it actually exists in the first place. Sorry for not posting a codein, but this is part of a huge problem
  22. Thanks Carl, I think I was doing it right, but it was being overwritten by another tween
  23. Am I using the CSSRulePlugin correctly? var rule = CSSRulePlugin.getRule("a.navigation:hover"); //get the rule TweenMax.to(rule, 1, {cssRule:{backgroundColor:tempFG, color:tempBG}});
  24. mimeartist

    Updates

    Ah... found them here... http://cdnjs.com/libraries/gsap It seems I have to drop back to 1.15.1 for some links to work within a panel set to use 'scrollTop'.. anything obvious that may of changed this? Can't post my site as it's a private site at present.
  25. mimeartist

    Updates

    Where do I find out when the CDN version was updated? e.g. //cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js I noticed all the versions of a site I'm building are suddenly not working (namely clicking links within scrollable boxes) and just want to work out if it's my code or something else?
×