2 Replies Latest reply on Sep 30, 2015 6:27 AM by markburton001

    Symbol Rotation

    markburton001

      Hello,

       

      I am a beginner so please bare with me. I am trying to get the star in the picture below to move using the controller. I have managed to get the star to move in all 4 directions, but for some reason I cant get the rotate button to work.

      screengrab.JPG

       

      I have the following code in  CompositionReady

       

      $( "#Stage_up" ).click(function() {

        $( ".star" ).animate({ "top": "-=50px" }, "fast" );

      });

       

       

      $( "#Stage_down" ).click(function(){

        $( ".star" ).animate({ "top": "+=50px" }, "fast" );

      });

       

       

      $( "#Stage_right" ).click(function(){

        $( ".star" ).animate({ "left": "+=50px" }, "fast" );

      });

       

       

      $( "#Stage_left" ).click(function(){

        $( ".star" ).animate({ "left": "-=50px" }, "fast" );

      });

       

       

      $( "#Stage_rotate" ).click(function(){

        $( ".star" ).animate({"rotate": "+=20deg"}, "fast" );

      });

       

      If someone could help me figure out why my symbol will not rotate it would be much appreciated. Additionally, I would like the X symbol to reset the entire composition. Here is a link to my files and thank you in advance for your help.

      Dropbox - tester