(UPDATE Dec 10, 10:30 pm: minor, but very important correction of some rotation expressions)
Hello again,
I will show you an easy possibility to have a great effect you could immediately use at your watch face creation: Here is it:
Here are the four phases:
1 - DIM Mode - Second hand is waiting in the âzero positionâ for action
2 - Waking up the watch - Second hand âfalls downâ in order to find the correct position
3 - Shaking around to by super realistic and finallyâŚ
4 - Second hand is running as usual at the right time
1 - DIM Mode
<img src="/uploads/default/original/2X/0/09608511d6d40f82713911f5321829b2de10531c.png" width=160" height=â214â>
This is the second easiest part in this tutorial. Please just copy (duplicate) your second hand and set the rotation to zero.
Rotation: 0
Done . To be sure that the second hand is waiting in the top position.
2 - Waking up the watch
Next easy step to do. You need only to modify the rotation of your main âSecond Handâ element from #DWFSS# to
Rotation: (interpAccel (#DWE#,0,2,0.8) * #DWFSS#)
Here is the explanation of this function. With another words, the second hand position starts at Rotation 0 and reach the correct Rotation #DWFSS# (correct time) in 2 seconds with a kind of dynamic (I do not really understend in detail*) of 0.8
The beauty about this solution is, that afterwords a standard rotation is running (Step 4). So we do not need to hide this element for long time period. What should be done is simple hide this main âsecond hand elementâ for shaking time, like this:
Transparency: $ #DWE# < 2 || #DWE# > 4 ? 100 : 0 $
*few seconds ago the @eradicator09 explained also the mystic secret fourth factor of interpAccel
3 - Shaking around
This is easy as well. To have a nice realistic shaking effect letâs use the sinusoid function - starting smoothly with linear decreasing of the amplitude. Sound maybe complicated but in reality you could just copy this formula to Rotation
Rotation: ( #DWFSS# + ( ( sin( (pi) + ( ( 4 - #DWE#) * pi * 5) ) ) ) * ( - ( 4 - #DWE# ) * 5 ) ) )
Details to the sinusoid basics (even if used for another interesting purposes) are excellent explained by @Mellin here.
This additional âsecond hand elementâ is working for us only 2 seconds (in this case), so lets set this in transparency:
Transparency: $ #DWE# >= 2 && #DWE# <= 4 ? 100 : 0 $
4 - Second hand is running as usual
Finally, this is the most easiest part of this tutorial (or maybe in the whole galaxy) . You donât need to do anything! Because of the step 2 - this step is working also at normal conditions.
Here is the watch to test it at your smart watch immediately if you like:
Moreover, the inspection mode is open again at: Facer - Thousands of FREE watch faces for Apple Watch, Samsung Gear S3, Huawei Watch, and more . You can find there the whole watch face âprogrammingâ in detail. By the way the shadows have been done in the was of elements duplication - described here.
Have a lot of fun with your dynamic second hand