A Clock program in Processing ( Analog & Digital )

Share your Work

tech37

A Clock program in Processing ( Analog & Digital )

in Share your Work • 1 years ago

Hi guys;

I just finish a clock program. It show a digital and a analog clock. It use the time from your system and show the time in digital format ( 24 Hr ) and an analog format. I am new at Processing ( since mid-October 2011 ) I was trying to learn Processing and try something cool. I realize learning Processing required a lot of math, geometry, and programing. I am not a student, I am just an hobbyist ( electronics & computer ), I did programing before ( BASIC, Pascal, C, C++ , some assembly ), recently, Java and Java ME <-- for my cell phone ... I did 2 pratical program so far. And Processing. <-- I was "forced" to learn it because I was trying to send a file from my PC to my Arduino, and Procesing was the most easiest to use for that purpose. ( I still need a keyboard routine in Processing like a cin function or scanf() function )

Here my code and tell me of what you guys thinks...

/* A analog and digital clock display
by Serge J Desjardins aka techone / tech37
Toronto, Ontario Canada
*/
PFont roman; // Analog Clock Font
PFont hightech; // Digital Clock Font
// list of variables
int lex=600; // the display size x,y
int ley=600;
// Needles Co-ordinates
int xsec;
int ysec;
int xmin;
int ymin;
int xhr;
int yhr;
int xst;
int yst;
// Time variable
int sec;
int mini;
int hr;
int twentyfour;
// Needle size
int distancesec=150;
int distancemin=100;
int distancehr=50;
void setup()
{
// init the program
size(lex,ley);
smooth();
// select the font file.
// It came from Tools --> Create Fonts
roman = loadFont("ImprintMT-Shadow-48.vlw");
hightech = loadFont("LCD5x8H-48.vlw");
// Calculate the centre point of the analog clock
xst=lex/2;
yst=(ley/2)+50;
// time extract from your computer
sec=second();
mini=minute();
hr=hour();
twentyfour=hr;
if (hr>11)
{
hr=hr-12;
}
// the co-ordinate calculation routine
thehand();
}
void draw()
{
background(255);
//draw the big circles
fill(255);
strokeWeight(2);
stroke(18,90,12);
ellipse(xst,yst,(distancesec+50)*2,(distancesec+50)*2);
fill(255);
strokeWeight(2);
stroke(18,90,12);
ellipse(xst,yst,(distancesec+10)*2,(distancesec+10)*2);
// display the Romans numbers
textFont(roman,25);
fill(0);
textAlign(CENTER);
text("XII",xst,(yst-(distancesec+20)));
fill(0);
textAlign(CENTER);
text("VI",xst,(yst+(distancesec+37)));
fill(0);
textAlign(CENTER);
text("III",(xst+(distancesec+32)),yst);
fill(0);
textAlign(CENTER);
text("IX",(xst-(distancesec+28)),yst);
//draw the needles ( Hour, Minute, Second )
strokeWeight(4);
stroke(0,0,255);
line(xst,yst,xmin,ymin);
strokeWeight(6);
stroke(0,255,0);
line(xst,yst,xhr,yhr);
strokeWeight(2);
stroke(0,0,0);
line(xst,yst,xsec,ysec);
// a centre dot
fill(255,0,0);
noStroke();
ellipse(xst,yst,10,10);
// digital box
fill(255);
strokeWeight(4);
stroke(0,69,162);
quad(100,20,500,20,500,120,100,120);
// the four dot inside the digital box
// That code portion came from Strawberry15
// is multi dot/circles program. A modify version
for (int x1 = 233; x1 < 400; x1 = x1+133)
{
for (int y1 = 55; y1 < 100; y1 = y1+30)
{
fill(255,145,0);
noStroke();
ellipse(x1,y1,20,20);
}
}
// the high tech digital display
textFont(hightech,75);
fill(0);
textAlign(CENTER);
text(sec,440,98);
fill(0);
textAlign(CENTER);
text(mini,305,98);
fill(0);
textAlign(CENTER);
text(twentyfour,168,98);
// the counter ( second, minute, hour )
// to be use for the co-ordinate calculation
sec++;
if (sec==60)
{
sec=0;
mini++;
if (mini==60)
{
mini=0;
hr++;
twentyfour++;
if (twentyfour==24)
{
twentyfour=0;
}
if (hr==12)
{
hr=0;
}
}
}
// the co-ordinate calculation
thehand();
// the 1 second delay
delay(1000);
}
// the co-ordinate calculation routine
void thehand()
{
// the routine variable
float xtemp;
float ytemp;
int anglesec;
int anglemin;
int anglehr;
// find the angle in degree
anglesec=(sec*6)+270;
anglemin=(mini*6)+270;
anglehr=(hr*30)+270;
// calculate the x - y co-ordinate
// to display the needles
xtemp=distancesec*cos(radians(anglesec));
ytemp=distancesec*sin(radians(anglesec));
xsec=(int)(xst+xtemp);
ysec=(int)(yst+ytemp);
xtemp=distancemin*cos(radians(anglemin));
ytemp=distancemin*sin(radians(anglemin));
xmin=(int)(xst+xtemp);
ymin=(int)(yst+ytemp);
xtemp=distancehr*cos(radians(anglehr));
ytemp=distancehr*sin(radians(anglehr));
xhr=(int)(xst+xtemp);
yhr=(int)(yst+ytemp);
}

Replies(2)

jazzaiman

Re: A Clock program in Processing ( Analog & Digital )

1 years ago

for some reason the <code> parser on the forum didn't pick up your code right, so your code appears to be on 9 lines, almost all commented out.

You may also want to try creating a class for your clock and moving all the implementation to its inner functions, so there would be almost none global variables and setup() and draw() won't be cluttered with implementation code.

sin() cos() functions are usually heavy on cpu so you could try to create lookup array and precalculate those 60 sin() and 60 cos() values. In case you're willing for optimization.

tech37

Re: A Clock program in Processing ( Analog & Digital )

1 years ago

"for some reason the <code> parser on the forum didn't pick up your code right, so your code appears to be on 9 lines, almost all commented out."

That issue is out of my control. I usualy "copy & paste" directely from the post instead selecting "copy code". Again I am sorry for any inconvieniences.

"You may also want to try creating a class for your clock and moving all the implementation to its inner functions, so there would be almost none global variables and setup() and draw() won't be cluttered with implementation code."

Creating a class is new for me. I have to need more practices in programing. I do agree with you, my variables is a "bit" to much. Cluttered code ? I don't think so, but I know it look too "much". I still need practices...Bear in mind that I new at Processing, rusty in C++ and new in Java and Jave Me. Using a class make your code more efficient.

"sin() cos() functions are usually heavy on cpu so you could try to create lookup array and precalculate those 60 sin() and 60 cos() values. In case you're willing for optimization."

Using a lookup array is a good idea, if speed is a issue ( like a video game ). I did not really matter to me that my CPU doing 60 sin() and 60 cos(), because I have a 3 GHz Pentium 4 at 1 G of memory. This is nothing for my computer. But I do agree using lots of sin() & cos() on a microcontroller like the Arduino - ATMega328 or an older computer system like a 200 MHz, that maybe some issues. In my code, the calculation is at the last part in the draw() right before a delay(1000); so "waste" time is needed in this case, for accuracy, a small adjustment in the delay() will be needed. Or I could use a while() loop using the milli() for a time delay of one second.

example of a delay using while() loop

void mydelay()

{

int mytime=1000; // <-- finetune this number.

int measuretime;

int timedifference=0;

measuretime=millis();

while(timedifference>=mytime)\

{

timedifference=millis()-measuretime;

}

Anyway jazzaiman, thank you for your comments and ideas.

Top Reply

Statistics

2 Replies
2337 Views
0 Followers

Actions

Permalink