Kuesa Car-Scene QML Example

 /*
     MainScene.qml

     This file is part of Kuesa.

     Copyright (C) 2018-2021 Klarälvdalens Datakonsult AB, a KDAB Group company, info@kdab.com
     Author: Nuno Fernandes Pinheiro <nuno@kdab.com>

     Licensees holding valid proprietary KDAB Kuesa licenses may use this file in
     accordance with the Kuesa Enterprise License Agreement provided with the Software in the
     LICENSE.KUESA.ENTERPRISE file.

     Contact info@kdab.com if any conditions of this licensing are not clear to you.

     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as
     published by the Free Software Foundation, either version 3 of the
     License, or (at your option) any later version.

     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     GNU Affero General Public License for more details.

     You should have received a copy of the GNU Affero General Public License
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

 import QtQuick 2.11

 Rectangle {
     id: wind
     color: "black"
     property bool animating: visible

     Image {
         id: bg
         source: "bg.png"
         anchors.fill: parent
         opacity: 0.5
     }

     function randomDuration() {
         return Math.random() * 6000 + 4000
     }

     // right
     Image {
         id: t1
         source: "t1.png"
         height: parent.height / 4
         fillMode: Image.PreserveAspectFit
         anchors.right: parent.right
         anchors.rightMargin: -width / 20
         rotation: 180

         NumberAnimation on y {
             duration: randomDuration()
             easing.type: Easing.InOutCubic
             to: Math.random() * wind.height - t1.height * .2
             onStopped: {
                 duration = randomDuration()
                 to = Math.random() * wind.height - t1.height * .2
                 running = Qt.binding(function() { return animating })
             }
             running: animating
         }
     }

     // top
     Image {
         id: t2
         source: "t2.png"
         height: parent.height / 5
         fillMode: Image.PreserveAspectFit
         y: -height / 15

         NumberAnimation on x {
             duration: randomDuration()
             easing.type: Easing.InOutCubic
             to: Math.random() * wind.width * 0.8 - t2.width
             onStopped: {
                 duration = randomDuration()
                 to = Math.random() * wind.width * 0.8 - t2.width
                 running = Qt.binding(function() { return animating })
             }
             running: animating
         }
     }

     // left
     Image {
         id: t3
         source: "t3.png"
         width: parent.width / 9
         fillMode: Image.PreserveAspectFit
         anchors.bottom: parent.bottom

         NumberAnimation on x {
             duration: randomDuration()
             easing.type: Easing.InOutCubic
             to: Math.random() * wind.width * 0.9 - t3.width
             onStopped: {
                 duration = randomDuration()
                 to = Math.random() * wind.width * 0.9 - t3.width
                 running = Qt.binding(function() { return animating })
             }
             running: animating
         }
     }
 }