Real-time clock

From DISE KnowledgeBase

Jump to: navigation, search

Overview

In this tutorial we are making a custom clock that shows the real time.

Files used in this tutorial

Attach.png Download: Clock images

Step by step

  • In DISE Composer, drag and drop the files contained on the edit area.
  • Select the clock face image and select Lock > Position > of selected object(s)
  • Double-click the different clock hands and click and drag the rotation center to its new position, as described below:
  • Right-click the hour hand and select Rotation.
  • Under Type, select Time and under Time Hour smooth.
  • Right-click the minute hand and select Rotation.
  • Under Type, select Time and under Time Minute smooth.
  • Right-click the second hand and select Rotation.
  • Under Type, select Time and under Time Second tick bounce.
  • Place the hands on top of each other in the middle of the clock face. Make sure the second hand is on top, followed by the minute and then the hour hand.

RealtimeClock3.png

Result