@allonestring:
Wow, quite an elaborate answer... :-)

Ale · http://60rpm.tv/i

An alternate would be to imagine the window width as a slider and the X position translates into an angle. One would just scale the window width from 0 to dimmer_Range and then adjust the setting of the dimmer based on the scaled mouseX position, or alternately scale with the window height and use the mouseY position.

Hey,

sorry, unfortenately i had some other stuff to do.
Thank you very much, it all worked exactly like you described! Here is what i've got so far:

1.     Dimmer d;
   
       public void setup()
       {
   
           size( 200, 200 );
   
           smooth();
   
           noStroke();
   
           d = new Dimmer(100, 100, 100 );
       }
   
       public void draw()
       {
   
           background( 102 );
           d.display();
           if(mousePressed)
           {
               d.update( mouseX, mouseY );
           }
       }
   
       class Dimmer
       {
           //Centerpoint
           int ex, ey;
   
           //size of rectangle
           int size;
   
           float angle = 0.0f;
   
           Dimmer( int x, int y, int s ) {
               ex = x;
               ey = y;
               size = s;
   
           }
          
           //calculate
           void update( int mx, int my ) {
               angle = atan2( my - ey, mx - ex );
           }
   
           void display() {
   
               pushMatrix();
               fill( 255 );
               translate( ex, ey );
               rotate( angle );
               rect( -size/2, -size/2, size, size );
               popMatrix();
   
           }
       }

1.     d.easeToMouse(mouseX, mouseY);
   

1.   float easing = 0.1;

1.   void easeToMouse(int mx, int my) 
     {
       float mouseAngle = atan2(my - ey, mx - ex);
       angle += (mouseAngle - angle) * easing;
     }

Is your aim to create a dimmer switch from scratch? If the answer is yes then you might not want to read the rest of this post.

If you want a dimmer switch that you can use then consider the G4P library. It provides the GKn_ob control which is fully configurable.

Hey,

this has a nice effect! I i will definetly try to include some easing!
But i think there is some work to do, befor the component works like a real dimmer switch!

It jumps because of angles:

 

- you leave the square at 30degrees, say

- you move the mouse and click when it is 60degrees from the centre, say

Yes, exactly what i expacted. I want the rotation of the component being independant from the dragging point and just rotate around the actual mousemovement.

I already tried to sum up all rotations, so the new dragging would be corresponding to the actual rotation! But i still connot figure it out?

How could i achive it, that it is possible to start dragging, stop dragging, start again, without jumping/easing! So that new mouse movement rotates the component relativ to its actual rotation?

thanks in advance!

thanks for the hint of the library, i will spent some time investigating their examples!