Qt Quick 3D - Antialiasing Example

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

 import QtQuick
 import QtQuick3D
 import QtQuick3D.Helpers
 import QtQuick.Controls
 import QtQuick.Layouts

 ApplicationWindow {
     id: window
     visible: true
     width: 800
     height: 600
     title: qsTr("Quick3D Antialiasing Example")

     property bool isLandscape: width > height

     View3D {
         id: view3D
         property real animationValue: 0.0
         anchors.bottom: parent.bottom
         anchors.right: parent.right
         anchors.left: window.isLandscape ? settingsPane.right : parent.left
         anchors.top: window.isLandscape ? parent.top : settingsPane.bottom

         SequentialAnimation {
             id: modelAnimation
             running: false
             NumberAnimation {
                 target: view3D
                 property: "animationValue"
                 from: 0.0
                 to: 1.0
                 duration: 1000
                 easing.type: Easing.InOutQuad
             }
             NumberAnimation {
                 target: view3D
                 property: "animationValue"
                 from: 1.0
                 to: 0.0
                 duration: 1000
                 easing.type: Easing.InOutQuad
             }
         }

         PerspectiveCamera {
             z: 500
         }

         DirectionalLight {
             eulerRotation.x: -30
         }
         environment: SceneEnvironment {
             id: sceneEnvironment
             clearColor: "#002b36"
             backgroundMode: SceneEnvironment.Color

             antialiasingMode: modeButton1.checked ? SceneEnvironment.NoAA : modeButton2.checked
                                                     ? SceneEnvironment.SSAA : modeButton3.checked
                                                       ? SceneEnvironment.MSAA : SceneEnvironment.ProgressiveAA

             antialiasingQuality: qualityButton1.checked ? SceneEnvironment.Medium : qualityButton2.checked
                                                           ? SceneEnvironment.High : SceneEnvironment.VeryHigh
             temporalAAEnabled: temporalModeButton.checked
             temporalAAStrength: temporalStrengthSlider.value
         }

         Node {
             id: scene
             x: -80

             Model {
                 source: "#Cube"
                 eulerRotation.y: 45
                 eulerRotation.x: 30 + view3D.animationValue * 100
                 scale: Qt.vector3d(2, 2, 2)
                 materials: DefaultMaterial {
                     diffuseColor: "#4aee45"
                 }
             }

             Model {
                 source: "#Cube"
                 x: 200
                 y: 150 + view3D.animationValue * 10
                 eulerRotation.y: 5
                 eulerRotation.x: 5
                 scale: Qt.vector3d(0.5, 0.5, 0.5)
                 materials: DefaultMaterial {
                     diffuseColor: "#faee45"
                 }
             }

             Model {
                 source: "#Sphere"
                 x: 120
                 y: -40
                 z: 160 + view3D.animationValue * 40
                 scale: Qt.vector3d(1.5, 1.5, 1.5)
                 materials: DefaultMaterial {
                     diffuseColor: Qt.rgba(0.8, 0.8, 0.8, 1.0)
                 }
             }
         }
     }

     Pane {
         id: settingsPane
         width: window.isLandscape ? implicitWidth : window.width
         height: window.isLandscape ? window.height : window.height * 0.33
         ScrollView {
             anchors.fill: parent
             ColumnLayout {
                 id: settingsArea
                 GroupBox {
                     title: qsTr("Antialiasing Mode")
                     ColumnLayout {
                         RadioButton {
                             id: modeButton1
                             checked: true
                             text: qsTr("NoAA")
                         }
                         RadioButton {
                             id: modeButton2
                             text: qsTr("SSAA")
                         }
                         RadioButton {
                             id: modeButton3
                             text: qsTr("MSAA")
                         }
                         RadioButton {
                             id: modeButton4
                             text: qsTr("ProgressiveAA")
                         }
                     }
                 }

                 GroupBox {
                     title: qsTr("Antialiasing Quality")
                     enabled: !modeButton1.checked
                     ButtonGroup {
                         buttons: antialiasingQualityColumn.children
                     }
                     ColumnLayout {
                         id: antialiasingQualityColumn
                         RadioButton {
                             id: qualityButton1
                             text: qsTr("Medium")
                         }
                         RadioButton {
                             id: qualityButton2
                             checked: true
                             text: qsTr("High")
                         }
                         RadioButton {
                             id: qualityButton3
                             text: qsTr("VeryHigh")
                         }
                     }
                 }

                 CheckBox {
                     id: temporalModeButton
                     text: qsTr("Enable Temporal AA")
                 }

                 ColumnLayout {
                     enabled: temporalModeButton.checked
                     Label {
                         text: qsTr("Temporal AA Strength")
                     }

                     RowLayout {
                         Slider {
                             id: temporalStrengthSlider
                             from: 0.0
                             to: 2.0
                             value: 0.3
                         }
                         Label {
                             text: temporalStrengthSlider.value.toFixed(1);
                         }
                     }
                 }

                 Button {
                     id: animationButton
                     Layout.alignment: Qt.AlignHCenter
                     text: "Animate!"
                     onClicked: {
                         modelAnimation.restart();
                     }
                 }
             }
         }
     }

     Pane {
         anchors.top: view3D.top
         anchors.right: parent.right
         Label {
             id: debugViewToggleText
             text: dbg.visible ? "Hide DebugView" : "Show DebugView"
             anchors.right: parent.right
             anchors.top: parent.top
             MouseArea {
                 anchors.fill: parent
                 onClicked: dbg.visible = !dbg.visible
                 DebugView {
                     y: debugViewToggleText.height * 2
                     anchors.right: parent.right
                     source: view3D
                     id: dbg
                     visible: false
                 }
             }
         }
     }
 }