The task at hand is going to be to improve the animation of the sun so that it behaves in a more realistic way. We will do this by adjusting the animations so that the object moves over a curved path.
In our QML document, replace the previous vertical animation with the following one:
SequentialAnimation {
NumberAnimation {
target: sun
property: "y"
from: root.height+sunVisual.height
to: root.height-270
duration: dayLength/2
easing.type: Easing.OutCubic
}
NumberAnimation {
target: sun
property: "y"
to: root.height+sunVisual.height
duration: dayLength/2
easing.type: Easing.InCubic
}
running: true
}
The sequence of three animations (two linear ones and a pause) was replaced by another sequence of two animations that follow a path determined by a cubic function. This makes our sun rise pretty fast and then slow down to an amount almost unnoticeable near the moment when the...