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;




      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