OverlayNew

Analog clock dial that can run fast

An analog clock face with hour, minute and second hands that blur smoothly into a swept disc when the film runs time fast.

Parameters

Name	Type	Default	Range	What it does
time (Can change over time)	number	10.1	-1000000 to 1000000000 h	the time in hours (10.5 is half past ten; past 24 counts days); give a follower of the counter, (v) => v * 24, to run itCan change over time
rate (Can change over time)	number	0	-100000 to 100000 h/s	how many clock hours pass per second of film; hands that would spin too fast to see blur instead (0 draws crisp hands)Can change over time
hours24	bool	false	–	a 24-hour dial: the hour hand turns once a day and the numbers run to 24
seconds	bool	false	–	add a thin second hand in the accent colour
style	choice	both	both, numerals, ticks	numbers round the face, ticks only, or both
minuteTicks	bool	false	–	add the sixty minute ticks (costs more to draw)
label	text	–	– to 40	a word over the dial; empty for none
readout	choice	time	time, none	write the time under the dial, or not
days	bool	false	–	write the day count with the time (day 1 is the first 24 hours)
at	vec2	0.88, 0.7	0 to 1	the dial's centre, across and down the frame; a dial near an edge slides in
size	number	0.13	0.06 to 0.3	the dial's radius, a share of the frame's height
face	number	0.6	0 to 1	how dark the dial's face is
ink	color	#f3f0e8	–	its words, numbers, ticks and outlines
accent	color	#4fb8e8	–	the second hand and the hub
font	choice	sans	sans, serif, mono	the face of its words and numbers
backing	number	0.3	0 to 1	how dark the soft panel behind it is; 0 for none
reveal	number	0.8	0 to 5 s	how long it takes to draw in; 0 shows it at once

film.js

elements: { 'clock-dial': { time: 10.1, rate: 0 } }

Ask your agent to put it in a film. It finds the element by name.