0 Replies Latest reply on Sep 28, 2015 9:28 AM by Suz Stephens

    How to stop one symbol from following mouseMove in Edge Animate CC

    Suz Stephens

      I'm reposting this in hopes someone can help.

       

      Though I don't know JavaScript, I've gotten my animation working pretty well by following Paul Triani's "Creating a Parallax Effect in Edge Animate." Two elements, the crab and the foreground skyline image, "slide" horizontally on mouseMove as I wanted them to.

       

      My problem is that I want the plane to just move horizontally across the screen following the timeline instead of being controlled by mouse movements. Currently, it makes it's one pass across the screen like I want, but if I mouseover the screen while it's going across, the plane goes wildly zipping back and forth across the screen. I would prefer for it to ignore the onMove script altogether.

       

      When I posted this previously, it was recommended that I change the plane to a symbol so it would have its own timeline. I've done that, but the problem has not been resolved.

       

      A copy of my files can be downloaded here: http://www.suzstephens.com/web.zip

       

      I have this on the stage on compositionReady:

       

      this.onMove=function(posX, posY){

        timelinecontrol = Number(posX)*12;

        console.log(timelinecontrol);

        sym.stop(timelinecontrol);

      }


      And this on the skyline and crab on mouseMove:

      this.onMove(e.pageX, e.pageY);

       

      How can I get the plane to ignore mouse movements?

       

      Edge Animate CC v3

       

      Screen+Shot.png