Processing Forum

Screen name:
retier

retier's Profile

1 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

how to rotate a clock face image according to the computer clock?

[5 Replies]
- 21-Jan-2013 12:17 PM
- Forum: Programming Questions
Hello there,

We have a processing course at uni but we've got only a short glimpse of how to code with processing - yet we have to write the code for a clock.

This is the sketch of my idea. Not the hands turn, but the clock face, so that you have the current time at the top.

My problem is how to rotate those two images I made for the clockface according to the computer's clock...

Here's my code:
2. int cx, cy;
3. float secondsRadius;
4. float minutesRadius;
5. float hoursRadius;
7. PImage mkreis; //image for minutes
8. PImage skreis; //image for hours
10. float winkel = radians(0);
12. void setup () {
13. smooth();
14. size (1000, 800);
15. frameRate(1); //1 Sekunde
17. int radius = min(width, height) / 2;
18. secondsRadius = 240;
19. minutesRadius = radius * 0.60;
20. hoursRadius = radius * 0.50;
22. cx = 0;
23. cy = 0;
25. mkreis = loadImage("minutenkreis.png");
26. skreis = loadImage("stundenkreis.png");
27. }
29. void draw() {
30. background (31, 37, 41);
31. int s = second();
32. int m = minute();
33. int h = hour();
35. pushMatrix();
36. translate(width/2, height/2);
38. imageMode(CENTER); //hours
39. image(skreis, 0, 0);
41. imageMode(CENTER); //minutes
42. image(mkreis, 0, 0);
44. rotate(winkel);
45. stroke(226, 222, 213); //seconds
46. strokeWeight(20);
47. noFill();
48. ellipse(0, 0, 480, 480);
49. winkel += radians (6); // 360 degrees divided by 60sec
52. // Draw the minute ticks
53. strokeWeight(4);
54. stroke(31, 37, 41);
55. beginShape(POINTS);
56. for (int a = 0; a < 360; a+=6) {
57. float angle = radians(a);
58. float x = cx + cos(angle) * secondsRadius;
59. float y = cy + sin(angle) * secondsRadius;
60. vertex(x, y);
61. }
62. endShape();
63. popMatrix();
67. pushMatrix();
68. translate(width/2, height/2);
70. stroke(153, 117, 101); // black frame around the time
71. strokeWeight(4);
72. noFill();
73. rectMode(CENTER);
74. rect (0, -190, 30, 380);
76. fill(255); //center
77. noStroke();
78. ellipse (0, 0, 5, 5);
79. popMatrix();
80. }
Any help is highly appreciated.

«Prev
Next »