Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Basic Clock
ID	5404142349631488
Created	2 years ago, 1642987651755
Updated	2 years ago, 1643085088285
Code	/** * Draw a basic clock. * * @param {Number} x x-coordinate of center of circle * @param {Number} y y-coordinate of center of circle * @param {Number} diameter width and height of the clock * @param {Color\|Number} [textColor=BLACK] text color of numbers * @param {Color\|Number} [handsStroke=textColor] stroke color of numbers / function clock(x, y, diameter, textColor, handsStroke) { textColor = textColor \|\| 0; handsStroke = handsStroke \|\| textColor; var radius = diameter / 2; var sa = map(second(), 0, 60, -HALF_PI, HALF_PI 3), sx = x + Math.cos(sa) * radius * 0.9, sy = y + Math.sin(sa) * radius * 0.9; var ma = map(minute(), 0, 60, -HALF_PI, HALF_PI * 3), mx = x + Math.cos(ma) * radius * 0.8, my = y + Math.sin(ma) * radius * 0.8; var ha = map(hour() % 12, 0, 12, -HALF_PI, HALF_PI * 3), hx = x + Math.cos(ha) * radius * 0.5, hy = y + Math.sin(ha) * radius * 0.5; arc(x, y, diameter, diameter, 0, 360); pushStyle(); var px = textWidth('6'), py = textAscent(); textAlign(CENTER, CENTER); fill(textColor); for (var i = 0; i < 12; i++) { var a = map(i, -1, 11, -HALF_PI, HALF_PI * 3); text(i + 1, x + Math.cos(a) * (radius - px), y + Math.sin(a) * (radius - py)); } stroke(handsStroke); line(x, y, sx, sy); line(x, y, mx, my); line(x, y, hx, hy); popStyle(); } stroke(0); fill(255); textFont(createFont('serif', 24)); function draw() { background(255); clock(200, 200, 200, color(0)); }
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMOIn-HMCQw
Votes	2
Spin-Offs	1
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Aliquis
Author Name	bhavjitChauhan
Author ID	kaid_376749826184384230772276
Author Profile Access	PUBLIC

Archive Data

Added	3 months ago, 1727562569924
Updated	3 months ago, 1727562569924
Source Deleted	unknown