Robert May

  • Content Count

  • Joined

  • Last visited

Posts posted by Robert May

  1. Thanks for the reply Shaun. The problem may be that I'm using a text variable "currentTimeline" + "Tl". This gets the name of the timeline and the console logs as "slde1Tl" as it should, but getElementById returns tempTimeline as "null".


    console.log(currentTimeline + "Tl")

    var tempTimeline = document.getElementById(currentTimeline + "Tl")

  2. 19 hours ago, GreenSock said:

    Hm, I'm not entirely familiar with that hardware, but I wonder if the problem has to do with differences in the events that the browser is dispatching. Have you tried to console.log() e and e.detail to make sure it's what you're expecting? Touch-based devices can be very different. You might want to read: 


    Thank you so much Jack, it was the mouse pad itself. The scroll function on the mouse pad is on the far right side of the pad. Thanks again for your reply.

  3. The code below works flawless on my Dell Windows10 computer. I can use my mouse roller wheel or the mouse pad with no issues. The problem is with the techs laptops that I'm training, they use a Windows10 Dell rugged laptop and they don't use a mouse. Any ideas on why the mouse pad will not work on those laptops?  Mouse pad will zoom in other programs our techs use.


    Thanks in advance.



    function zoomSchematic(e){
        switch(e.detail>0) {
            case true:
            if(scaleUp > .5 ){
                scaleUp = scaleUp - .1;
      , .5, {scaleX:scaleUp, scaleY:scaleUp, transformOrigin: "50% 50%", ease: Power0.easeNone});
            case false:
            scaleUp = scaleUp + .1;
  , .5, {scaleX:scaleUp, scaleY:scaleUp, transformOrigin: "50% 50%", ease: Power0.easeNone});

  4. Solved the issue with:


    var path = document.querySelector(".path");
    var redDotXPos = redDot.getBBox().x + redDot.getBBox().width/2;
    var redDotYPos = redDot.getBBox().y + redDot.getBBox().height/2;
    var blueDotXPos = blueDot.getBBox().x + blueDot.getBBox().width/2;
    var blueDotYPos = blueDot.getBBox().y + blueDot.getBBox().height/2;
    TweenLite.set(path, { x:redDotXPos , y:redDotYPos});


    Great product, great forum.... thanks for all you do!

    • Like 1

  5. Trying to modify osublake's Bezier Connector pen to put draggable circles and line inside of a very large external svg file. I can't duplicate this on CodePen for some reason but on my computer, when I drag the circles, the line follows but it leaves a huge gap between the circles and the line.


    I've tried everything I can think of, any help would be greatly appreciated. Thanks!

  6. Thanks for your response, I've been playing with the code pen for a while. When I added ".add(pause)" to your code pen it would no longer tween from start to end or end to start, should that be a problem and if so, is there another way to pause the timeline without interfering with tweening the timeline? 

  7. Hi all. Is there a tutorial on how to use labels so that I can test my animations without having to wait for the whole animation to get to the part I'm testing?  I think I remember Carl talking about it in one of his videos but I cannot find it. Thanks!