Qt Quick 3D - Lights Example

 // Copyright (C) 2019 The Qt Company Ltd.
 // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

 import QtQuick
 import QtQuick3D
 import QtQuick.Controls

 Window {
     width: 1280
     height: 720
     visible: true
     title: qsTr("Lights Example")

     View3D {
         anchors.fill: parent

         environment: SceneEnvironment {
             clearColor: "#808080"
             backgroundMode: SceneEnvironment.Color
             antialiasingMode: SceneEnvironment.MSAA
             antialiasingQuality: SceneEnvironment.High
         }

         PerspectiveCamera {
             position: Qt.vector3d(0, 400, 600)
             eulerRotation.x: -30
             clipFar: 2000
         }

         DirectionalLight {
             id: light1
             color: Qt.rgba(1.0, 0.1, 0.1, 1.0)
             ambientColor: Qt.rgba(0.1, 0.1, 0.1, 1.0)
             position: Qt.vector3d(0, 200, 0)
             rotation: Quaternion.fromEulerAngles(-135, -90, 0)
             shadowMapQuality: Light.ShadowMapQualityHigh
             visible: checkBox1.checked
             castsShadow: checkBoxShadows.checked
             brightness: slider1.sliderValue
             SequentialAnimation on rotation {
                 loops: Animation.Infinite
                 QuaternionAnimation {
                     to: Quaternion.fromEulerAngles(-45, -90, 0)
                     duration: 2000
                     easing.type: Easing.InOutQuad
                 }
                 QuaternionAnimation {
                     to: Quaternion.fromEulerAngles(-135, -90, 0)
                     duration: 2000
                     easing.type: Easing.InOutQuad
                 }
             }
         }

         PointLight {
             id: light2
             color: Qt.rgba(0.1, 1.0, 0.1, 1.0)
             ambientColor: Qt.rgba(0.1, 0.1, 0.1, 1.0)
             position: Qt.vector3d(0, 300, 0)
             shadowMapFar: 2000
             shadowMapQuality: Light.ShadowMapQualityHigh
             visible: checkBox2.checked
             castsShadow: checkBoxShadows.checked
             brightness: slider2.sliderValue
             SequentialAnimation on x {
                 loops: Animation.Infinite
                 NumberAnimation {
                     to: 400
                     duration: 2000
                     easing.type: Easing.InOutQuad
                 }
                 NumberAnimation {
                     to: 0
                     duration: 2000
                     easing.type: Easing.InOutQuad
                 }
             }
         }

         SpotLight {
             id: light4
             color: Qt.rgba(1.0, 0.9, 0.7, 1.0)
             ambientColor: Qt.rgba(0.0, 0.0, 0.0, 0.0)
             position: Qt.vector3d(0, 250, 0)
             eulerRotation.x: -45
             shadowMapFar: 2000
             shadowMapQuality: Light.ShadowMapQualityHigh
             visible: checkBox4.checked
             castsShadow: checkBoxShadows.checked
             brightness: slider4.sliderValue
             coneAngle: 50
             innerConeAngle: 30
             PropertyAnimation on eulerRotation.y {
                 loops: Animation.Infinite
                 from: 0
                 to: -360
                 duration: 10000
             }
         }

         Model {
             source: "#Rectangle"
             y: -200
             scale: Qt.vector3d(15, 15, 15)
             eulerRotation.x: -90
             materials: [
                 DefaultMaterial {
                     diffuseColor: Qt.rgba(0.8, 0.6, 0.4, 1.0)
                 }
             ]
         }
         Model {
             source: "#Rectangle"
             z: -400
             scale: Qt.vector3d(15, 15, 15)
             materials: [
                 DefaultMaterial {
                     diffuseColor: Qt.rgba(0.8, 0.8, 0.9, 1.0)
                 }
             ]
         }

         RotatingTeaPot {
             visible: !checkBoxCustomMaterial.checked
             material: DefaultMaterial {
                 diffuseColor: Qt.rgba(0.9, 0.9, 0.9, 1.0)
             }
             animate: checkBoxAnimate.checked
         }

         RotatingTeaPot {
             visible: checkBoxCustomMaterial.checked
             material: CustomMaterial {
                 vertexShader: "custom.vert"
                 property real uAmplitude: 0.5
                 property real uTime: 0.0
                 SequentialAnimation on uTime {
                     loops: -1
                     NumberAnimation { from: 0.0; to: 10.0; duration: 10000 }
                     NumberAnimation { from: 10.0; to: 0.0; duration: 10000 }
                 }
             }
             animate: checkBoxAnimate.checked
         }

         Model {
             source: "#Cube"
             position: light1.position
             rotation: light1.rotation
             property real size: slider1.highlight ? 0.2 : 0.1
             scale: Qt.vector3d(size, size, size)
             materials: [
                 DefaultMaterial {
                     diffuseColor: light1.color
                     opacity: 0.4
                 }
             ]
         }
         Model {
             source: "#Cube"
             position: light2.position
             rotation: light2.rotation
             property real size: slider2.highlight ? 0.2 : 0.1
             scale: Qt.vector3d(size, size, size)
             materials: [
                 DefaultMaterial {
                     diffuseColor: light2.color
                     opacity: 0.4
                 }
             ]
         }
         Model {
             source: "#Cube"
             position: light4.position
             rotation: light4.rotation
             property real size: slider4.highlight ? 0.2 : 0.1
             scale: Qt.vector3d(size, size, size)
             materials: [
                 DefaultMaterial {
                     diffuseColor: light4.color
                     opacity: 0.4
                 }
             ]
         }
     }

     Frame {
         anchors.top: parent.top
         anchors.topMargin: 20
         anchors.left: parent.left
         anchors.leftMargin: 10
         background: Rectangle {
             color: "#e0e0e0"
             border.color: "#000000"
             border.width: 1
             opacity: 0.8
         }
         Column {
             id: settingsArea
             CustomCheckBox {
                 id: checkBoxShadows
                 text: qsTr("Enable Shadows")
                 checked: true
             }
             Item { width: 1; height: 20 }
             CustomCheckBox {
                 id: checkBoxAnimate
                 text: qsTr("Rotate Teapot")
                 checked: true
             }
             Item { width: 1; height: 20 }
             CustomCheckBox {
                 id: checkBoxCustomMaterial
                 text: qsTr("Custom Material")
                 checked: false
             }
             Item { width: 1; height: 40 }
             CustomCheckBox {
                 id: checkBox1
                 text: qsTr("Directional Light")
                 checked: true
             }
             CustomSlider {
                 id: slider1
                 sliderValue: 0.5
                 fromValue: 0
                 toValue: 1
             }
             Item { width: 1; height: 40 }
             CustomCheckBox {
                 id: checkBox2
                 text: qsTr("Point Light")
                 checked: false
             }
             CustomSlider {
                 id: slider2
                 sliderValue: 6
                 fromValue: 0
                 toValue: 10
             }
             Item { width: 1; height: 40 }
             CustomCheckBox {
                 id: checkBox4
                 text: qsTr("Spot Light")
                 checked: false
             }
             CustomSlider {
                 id: slider4
                 sliderValue: 10
                 fromValue: 0
                 toValue: 30
             }
         }
     }
 }