Making a Clock with Canvas

Result :

this is how it looks - image

Images used : clock image without hands

and :

Properties :

Canvas :

Clock Image :


image

HourHand :


image

MinuteHand :


image

SecondHand :


image

Guide :

Step 1 : Add Canvas

Step 2 : Make 4 sprites

Step 3 : Add image to sprites (Note you can use my images)

Step 4 : Position and resize sprites (Use mine or you can customize it)

Step 5 : Add a clock component

Step 6 : For properties of Clock - Timer always fires - true, Enabled - true and set interval - 10

Step 7 : Go to blocks

Step 8 : Now use these blocks (Only use my blocks) -

Step 9 : Complete and Test

Hurray you made it

Bugs : Hands sometimes overlap themselves

4 Likes

This post was flagged by the community and is temporarily hidden.

But not by canvas

Using kodular blocks

Min and Hr handle will start to move by fraction when sec hand completes one round. If you watch you can see that .

2 Likes