Drawing Arc depending on the seconds - Help needed

Hello Guys,

I am working on a watch face for myself.

Does anyone have a clue how to accomplish the following.

I want to draw an arc starting at 0 o`clock getting longer as the seconds pass by. So when 60 seconds are over, the arc is shaped like a circle and starts new at 0 o´clock.

I tested several ideas but nothing really worked out.

In my test the arc started at 0 o´clock and finally got a shape of a circle, but not corresponding to the seconds that passed by.

Here is one of my test and I know that the clockTime-part is completely wrong. I tested something with sin and cos, but nothing really worked out.

dc.drawArc(140, 60, 25, Graphics.ARC_CLOCKWISE, 90, -clockTime.sec*11.5);

Thank you very much for your time and help!!!!

Kenny

0 jim_m_58 over 4 years ago

Consider this - it's for minutes, but same basic thing. 90 degrees is the 12 o'clock position, and each minute is 6 degrees. yoy have to handle the wrapping of degrees when it passes 0 degrees.

    	var myTop=90;        
        var mins=mTop+(360-(min*6));
   		if(mins>360) {mins=mins-360;}
    	dc.drawArc(x, y, r, Gfx.ARC_CLOCKWISE , myTop,mins);

0 jim_m_58 over 4 years ago in reply to jim_m_58

For seconds, it's a bit trickier or simpler (can be both) if you use onPartical update. in onUpdate you draw the full arc, but in onPartialUpdate, you only need to draw the extra second at the end, so a tiny arc.

0 6789906 over 4 years ago in reply to jim_m_58

Thank you very much for your answer.

I bet that your code will work out. It looks logical to me.

Again, thanks for helping me out!