Hello,

i started to work with Processing,
and i had a simple Problem, but i dont have any clue to solve it.

I have written an short Sketch, with an rect which works like a second hand in a clock. But the second() function gives me only one signal every second. And i want a static fluent movement.

Anybody an idea to solve the Problem?

Code:

float a = 0;

void setup(){
size(200,200);
smooth();
}

void draw(){

background(255);
translate(width/2,height/2);

a =map(second(),0,59,0,360);  
rotate(radians(a));
rect(0,0,40,40);

println(second());
}
 

ps: sorry for the bad english.

But millis Returns the number of milliseconds since starting an applet. Not the actually Time.

Works very well. Nice Idea.

Thank you.
I dont understand every command, but i will find it out.

My idea with easing is not work so nice.

Code:

float floatingsecond;
float targetsecond;
float easing = 0.01;

void setup(){
size(200,200);
smooth();
}
 
void draw(){
background(255);
translate(width/2,height/2);

 targetsecond = map(second(),0,59,0,360);
 float dx =  map(second(),0,59,0,360) - floatingsecond;
 if (abs(dx) > 1){
 floatingsecond += dx * easing;  
 }
 
rotate(radians(floatingsecond+180));
line(0,0,0,60);
}
 

I think i got it.

Two Problems did I have with the Code from Aaron.

First problem was the start position from the line.

Second problem was, the map command. After the Clock runs some time, and the millis got to be bigger as 59000, it becomes incorrect.

Here my modified version:

Code:

float a = 0;
int s = second();
float current;
 
void setup(){
size(200,200);
smooth();

}
 
void draw(){
 
background(255);
translate(width/2,height/2);
current = millis(); 
a =current*0.006 ; //no map() command needed anymore. 
rotate(radians(a-180+s*6));  //once time I set the line on the correct start position with "s*6"
line(0,0,0,60);
 
println(second());
println(current);
}