Time for action – Adjusting the sun's color

If you look at the sun at dusk or dawn, you will see that it is not yellow but becomes red the closer it is to the horizon. Let's teach our object representing the sun to do the same by providing a property value source for it.

Open the QML document, find the declaration for the sunVisual object, and extend it with the highlighted part:

Rectangle {    id: sunVisual    // ...    SequentialAnimation on color {        ColorAnimation {            from: "red"            to: "yellow"            duration: 0.2 * dayLength / 2        }        PauseAnimation {             duration: 2 * 0.8 * dayLength / 2         }        ColorAnimation {            to: "red"            duration: 0.2 * dayLength / 2        }        running: true    }} 

Get Game Programming using Qt 5 Beginner's Guide - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.