Source of clock

/* appjet:version 0.1 */ import("lib-processing"); page.setTitle("Clock"); print(H3("Clock")); printp(html("The current time can be read with the second(), minute(),  and hour() functions. In this example, sin() and cos() values are used to set the position of the hands.  *")); printp(link("http://processing.org/learning/basics/clock.html""Original Processing.org Example: Clock")); print(html(""" <script type="application/processing"> // All Examples Written by Casey Reas and Ben Fry // unless otherwise stated. void setup() {   size(200, 200);   stroke(255);   smooth(); } void draw() {   background(0);   fill(80);   noStroke();   // Angles for sin() and cos() start at 3 o'clock;   // subtract HALF_PI to make them start at the top   ellipse(100, 100, 160, 160);   float s = map(second(), 0, 60, 0, TWO_PI) - HALF_PI;   float m = map(minute(), 0, 60, 0, TWO_PI) - HALF_PI;   float h = map(hour() % 12 + minute() / 60, 0, 12, 0, TWO_PI) - HALF_PI;   stroke(255);   strokeWeight(1);   line(100, 100, cos(s) * 72 + 100, sin(s) * 72 + 100);   strokeWeight(2);   line(100, 100, cos(m) * 60 + 100, sin(m) * 60 + 100);   strokeWeight(4);   line(100, 100, cos(h) * 50 + 100, sin(h) * 50 + 100);   // Draw the minute ticks   strokeWeight(1);   for (int a = 0; a < 360; a += 30) {     float x = 100 + ( cos(radians(a)) * 72 );     float y = 100 + ( sin(radians(a)) * 72 );     point(x, y);   } } </script> <canvas height="200" width="200"/> """));

Go Back to this app | Get plain source

Powered by AppJet on JGate
source
rendered in 0.115s