Timer (loading bar style)
in
Programming Questions
•
1 year ago
Hey guys newbie here,
I've just begun a processing course at my school and we' ve learned basic function like "if, for, array" so far.
For an assignment I'm trying to make a timer that is not based on my computer clock but it keep the right proportion.
Basically it works well, but it's not what I was aiming. I would like that every 60 steps of the first bar, it will add a stick on the second. Then, every 60 sticks on the second, it will add one on the third.
I hope I've explained my situation well because english is not my native language ^^.
Thank you
I've just begun a processing course at my school and we' ve learned basic function like "if, for, array" so far.
For an assignment I'm trying to make a timer that is not based on my computer clock but it keep the right proportion.
Basically it works well, but it's not what I was aiming. I would like that every 60 steps of the first bar, it will add a stick on the second. Then, every 60 sticks on the second, it will add one on the third.
I hope I've explained my situation well because english is not my native language ^^.
Thank you
float o;
float i;
float p;
void setup(){
size(600,75);
}
void draw(){
background (0);
//seconds
o=o+1 ;
noStroke();
fill(255,255,255,255);
rect(o,0,35,25);
fill(0,211,40,190);
rect(0,0,width,25);
fill(165,239,174,230);
rect(0,0,width,8);
if (o>600){
o=-25;
}
//minutes
i=i+0.016;
//1
noStroke();
fill(185,252,0);
rect(i,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i,37.5,5,12.5);
//2
noStroke();
fill(185,252,0);
rect(i-10,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-10,37.5,5,12.5);
//3
noStroke();
fill(185,252,0);
rect(i-20,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-20,37.5,5,12.5);
//4
noStroke();
fill(185,252,0);
rect(i-30,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-30,37.5,5,12.5);
//5
noStroke();
fill(185,252,0);
rect(i-40,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-40,37.5,5,12.5);
//6
noStroke();
fill(185,252,0);
rect(i-50,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-50,37.5,5,12.5);
stroke(255);
noFill();
rect(0,25,width,25);
stroke(220);
noFill();
rect(1,24,width-2,25);
float i;
float p;
void setup(){
size(600,75);
}
void draw(){
background (0);
//seconds
o=o+1 ;
noStroke();
fill(255,255,255,255);
rect(o,0,35,25);
fill(0,211,40,190);
rect(0,0,width,25);
fill(165,239,174,230);
rect(0,0,width,8);
if (o>600){
o=-25;
}
//minutes
i=i+0.016;
//1
noStroke();
fill(185,252,0);
rect(i,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i,37.5,5,12.5);
//2
noStroke();
fill(185,252,0);
rect(i-10,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-10,37.5,5,12.5);
//3
noStroke();
fill(185,252,0);
rect(i-20,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-20,37.5,5,12.5);
//4
noStroke();
fill(185,252,0);
rect(i-30,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-30,37.5,5,12.5);
//5
noStroke();
fill(185,252,0);
rect(i-40,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-40,37.5,5,12.5);
//6
noStroke();
fill(185,252,0);
rect(i-50,25,5,12.5);
noStroke();
fill(121,145,0);
rect(i-50,37.5,5,12.5);
stroke(255);
noFill();
rect(0,25,width,25);
stroke(220);
noFill();
rect(1,24,width-2,25);
if(i>450){
i=-5;
}
//hours
p=p+0.00026;
noStroke();
fill(211);
rect(0,50,width,25);
noStroke();
fill(8,36,105);
rect(3,52,p,21);
if (p>395){
p=3;
}
}
i=-5;
}
//hours
p=p+0.00026;
noStroke();
fill(211);
rect(0,50,width,25);
noStroke();
fill(8,36,105);
rect(3,52,p,21);
if (p>395){
p=3;
}
}
1
