Qt 3D: Scene3DView QML Example

A QML application that demonstrates visualizing multiple 3D scenes using Scene3D and Scene3DView.

This example demonstrates visualizing multiple 3D scenes from a Qt Quick application usinc Scene3D and Scene3DView. Each 3D scene contains a single active camera and a single active light source. Visualized data is assumed to be at a fixed location.

Running the Example

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

Visualizing 3D Scenes

First we set up a Scene3D instance that will be required for our Scene3DView instanced.

Scene3D {
    id: scene3dInstance
    anchors.fill: parent
    focus: true
    aspects: ["input", "logic"]
    cameraAspectRatioMode: Scene3D.AutomaticAspectRatio
    multisample: true

Then we instanciate our Scene3DView instances and make them reference the Scene3D. We also provide a root Entity for each Scene3DView with a scene3dview/AnimatedEntity.qml.

Rectangle {
    width: grid.cellWidth
    height: grid.cellHeight
    color: "darkRed"
    scale: ma.pressed || ma.containsMouse ? 0.8 : 1
    Behavior on scale { NumberAnimation { duration: 750 } }

    Scene3DView {
        onXChanged: console.log(("X (%1): %2").arg(model.index).arg(x))
        scene3D: scene3dInstance
        anchors.fill: parent
        AnimatedEntity {
            sceneColor: grid.colors[model.index]
            // Only clear the color for the first Scene3DView
            clearColor: model.index === 0
    Text {
        anchors {
            horizontalCenter: parent.horizontalCenter
            bottom: parent.bottom

        color: "white"
        font.bold: true
        text: "Scene3DView " + (model.index + 1)

    MouseArea {
        id: ma
        anchors.fill: parent
        hoverEnabled: true

Care has to be taken that only the first Scene3DView clears the color buffer. We don't want each Scene3DView to clear the screen as that would erase content for all but the last Scene3DView.

// Only clear the color for the first Scene3DView
clearColor: model.index === 0

Example project @ code.qt.io

© 2021 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.