andrea/exercises
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

w6 clock exercise

Browse Source
This commit is contained in:
Andrea Bianchi 2025-04-01 13:16:47 +09:00
parent 93738938d7
commit bf2be407e4
3 changed files with 86 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
w6_clock/clock.js Normal file
View File

@ -0,0 +1,44 @@
/*
* Clock Module
*/
/**
* @typedef Clock
* @type {object}
* @property {number} x - The x-coordinate of the clock center.
* @property {number} y - The y-coordinate of the clock center.
* @property {number} radius - The radius of the clock.
* @property {string} color - The color of the clock.
* @property {number} oneSecondMs - The interval in milliseconds for one second.
* @property {number} hours - The current hour.
* @property {number} minutes - The current minute.
* @property {number} seconds - The current second.
*/
const createClock = (color, oneSecondMs) => (x, y, radius) => {
// return a clock
};
// export const createSportsClock = createClock('#FFF000', 500);
// export const createStandardClock = createClock('#FFFFFF', 1000);
export const drawClock = (clock) => {
// draw the clock face
};
export function startClock(clock) {
// start animating the clock
}
export function stopClock(intervalId) {
// stop the clock
}
// Private Helpers
const tick = (clock) => {
// return a new clock that advances the time of 1 second
};
const drawClockHands = (x, y, alpha, length) => {
// draw the clock hands
};

12
w6_clock/index.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.3/p5.js' integrity='sha512-BLd2MDTrBCo01Vkhjbjn3ITBDbx3o/Lt7D5hj5oLwW8vlDHYXMenxglTcUURCgBhdLNAjZ7KD8x4ZA7bQY3OhA==' crossorigin='anonymous'></script>
<script type="module" src="./index.js""></script>
</body>
</html>

30
w6_clock/index.js Normal file
View File

@ -0,0 +1,30 @@
import {
createStandardClock,
createSportsClock,
drawClock,
startClock,
stopClock,
} from './clock.js';
let clock;
let timer;
window.setup = function () {
createCanvas(800, 600);
// clock = createStandardClock(width / 2, height / 2, 200);
// clock = createSportsClock(width / 2, height / 2, 200);
// timer = startClock(clock);
};
window.draw = function () {
background('#eee');
// drawClock(clock);
};
window.keyPressed = function () {
if (key === 's' || key === 'S') {
// stopClock(timer);
console.log('Clock stopped');
}
};