Making abstact clock - making class objects move to clock

Programming Questions

blade7022

Making abstact clock - making class objects move to clock

in Programming Questions • 5 months ago

Trying to make a "clock", and have to use a class with 2 methods. I have it all the way to where I am trying to get the objects to move with the clock. I cannot seem to get it figured out. can someone help me. Keep in mind this is for a into programing class.

ClockHand msh, sh, mh, hh;

float s;
float m;
float h;
float St;
float Mi;
float ml;

void setup() {
size(500, 500);
background(0);
noStroke();
ml = millis();
Mi = map (ml, 0, (1000 * 60), 0, TWO_PI) + St;
//s = map(second(), 0, 60, 0, TWO_PI) - HALF_PI; //subtract HALF_PI to make them start at the top. radians start to the right TWO_PI-Half_pi
m = map(minute() + norm(second(), 0, 60), 0, 60, 0, TWO_PI) - HALF_PI;
h = map(hour() + norm(minute(), 0, 60), 0, 24, 0, TWO_PI * 2) - HALF_PI;

s = second(); //subtract HALF_PI to make them start at the top. radians start to the right TWO_PI-Half_pi
m = minute();
h = hour();

msh = new ClockHand (250, 250, 5, 50, 0, ml);
sh = new ClockHand (250, 250, 15, 75, 0, Mi);
mh = new ClockHand (250, 250, 35, 100, 0, m);
hh = new ClockHand(250, 250, 50, 150, 0, h);
}

void draw() {

background(0);

msh.display();
msh.time();
sh.display();
sh.time();
mh.display();
mh.time();
hh.display();
hh.time();
}

class ClockHand {
float x, y;
float diameter;
float transX;
float transY;
float time;

ClockHand (float xi, float yi, float di, float tx, float ty, float ti) {
    x = xi;
    y = yi;
    diameter = di;
    transX = tx;
    transY = ty;
    time = ti;
}

void display() {
    ellipse(x, y, diameter, diameter);
    translate(transX, transY);
}
void time() {
}
}

Replies(1)

fanatixx

Re: Making abstact clock - making class objects move to clock

5 months ago

Hi,

you need to make use of the trigonometric functions sin() and cos() to translate the circular movement of the hands to x and y coordinates. Also, use the function pushMatrix() to move the origin to the middle of the screen, then popMatrix() in the end to reset.

This is my take on the issue, but I'm by no means an expert.

ClockHand clock;

int s;

int m;

int h;

void setup() {

size(500, 500);

background(0);

noStroke();

//ml = millis();

s = second(); //subtract HALF_PI to make them start at the top. radians start to the right TWO_PI-Half_pi

m = minute();

h = hour();

clock= new ClockHand(s, m, h);

}

void draw() {

frameRate(1);

background(0);

s = second(); //subtract HALF_PI to make them start at the top. radians start to the right TWO_PI-Half_pi

m = minute();

h = hour();

clock.update(s, m, h);

}

class ClockHand {

float x, y;

float diameter;

float transX;

float transY;

float time;

float angle;

ClockHand (int _s, int _m, int _h) {

s = _s;

m = _m;

h = _h;

update(s, m, h);

}

void update(int _s, int _m, int _h) {

hand(s, 60, width/2-width/6);

hand(m, 60, width/2-width/4);

hand(h, 12, width/2-width/3);

}

void hand(int time, float increments, float _radius) {

angle=time*2*PI/increments-PI/2;

float radius= _radius;

display(angle, radius);

}

void display(float angle, float radius) {

pushMatrix();

translate(width/2, width/2);

for (int i=0; i<=11;i++) {

stroke(255);

line((width/2)*cos(i*PI/6), (height/2)*sin(i*PI/6), (width/2.3)*cos(i*PI/6), (height/2.3)* sin(i*PI/6));

}

x= radius*cos(angle);

y= radius*sin(angle);

float size=radius/5;

fill(255);

ellipse(x, y, size, size);

popMatrix();

}

Top Reply