Skip navigation
Currently Being Moderated

drag-and-drop utility for Edge Animate(only x-axis)

Jul 3, 2013 4:16 AM

Tags: #edge_animate

KONBANWA from Japan.

 

I create the drag-and-drop utility for Edge Animate(only x-axis ). here.

http://ciruelo.jp/js/edge/dd/DandD.html

 

If you want to test.

 

1. copy all of code on DandD.html-stage-creationComplete to your edge file-stage-creationComplete.

2. use "draggableX()" method, like that.

//drag element "rect"
sym.$("rect").draggableX();

//drag element "dog", limited range
sym.$("dog").draggableX({minX:100,maxX:300});

//drag nested element "seekBarPointer", limited range
sym.$("seekBarPointer").draggableX({minX:0,maxX:160});

//drag element "pic" class, and scroll target element $("carouselBase"), click to rotate.
$(".pic").draggableX({
     target:sym.$("carouselBase"),
     onclick:function(e){
       $(e.target).css({
            "-moz-transform":"rotate(-45deg)",
          "-webkit-transform":"rotate(-45deg)",
          "-o-transform":"rotate(-45deg)",
          "-ms-transform":"rotate(-45deg)"
       });
     }
});
 

 

Maybe, moving on iPad

 

BTW, I want such a function on Edge Animate.

If I can be, without having to write a script.

Only use a panel like "Drag and Drop panel" ,  "Carousele panel" etc..

 

Thanks in advance. adobe team.

 

Ume.

 
Replies
  • Currently Being Moderated
    Oct 17, 2013 3:17 PM   in reply to YOSHIOKA Ume

    Thank you for this awesome ressource!

     

    You did such a great work - much appreciated.

     

    Cheers,

     

    Will

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2013 4:28 PM   in reply to William Patin

    Nicely done!

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2013 6:46 PM   in reply to YOSHIOKA Ume

    Very cool! Thanks for sharing!

     

    Sarah

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 24, 2013 12:58 PM   in reply to YOSHIOKA Ume

    This is fantastic, and almost exactly what I was looking for.

     

    In the case of the carousel, suppose you wanted to have it loop in either direction? For example, when you get to the min or max X position, it would seemlessly start over?

     

    I'm trying to do a 360 panorama scene which would be great with this code!

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 8:34 AM   in reply to YOSHIOKA Ume

    Ume,

     

    Thank you so much for this code! I am going to try it out in my project right now

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points