Clock face

Hands and ticks, or rings filling with the time.

Clock

Setting	Kind	Starts at	Range and notes
Style`style`	choice	Classic	Classic, Minimal, Dots, Rings
Hands and ticks`colour`	colour	`#f4f6f8`	–
Second hand`colour2`	colour	`#7ce695`	–
Face`face`	colour	`#141415`	–
Face opacity`faceOpacity`	number	45%	0% to 100%
Size`size`	number	42%	5% to 100%Share of the screen's height
Thickness`thickness`	number	1×	0.3 to 3×
Glow`glow`	number	35%	0% to 100%
Font`font`	font	Outfit	For the numbers and the date
Numbers`numerals`	choice	12, 3, 6, 9	None, 12, 3, 6, 9, All
Second hand`seconds`	on or off	on	–
Sweeping seconds`sweep`	on or off	on	Off, it ticks once a second
Show the date`date`	on or off	off	–
Hours ahead`offset`	number	0 h	-12 to 14 hFor another time zone

Every setting above can be changed by the scene's logic, by its key. Say the layer is called Clock face:

scene.set("Clock face", "colour", "#ff8a5c");scene.animate("Clock face", "opacity", 0.5, 2);

import { scene } from "motion";scene.set("Clock face", "colour", "#ff8a5c");scene.animate("Clock face", "opacity", 0.5, 2);

The example scenes with a Clock face layer in them. Each picture is the whole scene, not the layer alone: open one to see what the layer does in it.

What every layer has

Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.