Qt Quick 3D - Picking example

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

 import QtQuick
 import QtQuick.Controls
 import QtQuick3D

 Window {
     visible: true
     width: 800
     height: 500
     title: qsTr("Picking Example")
     color: "#848895"

     Row {
         anchors.left: parent.left
         anchors.leftMargin: 8
         spacing: 10
         Column {
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "Last Pick:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "Screen Position:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "UV Position:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "Distance:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "World Position:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "Local Position:"
             }

             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "World Normal:"
             }
             Label {
                 color: "white"
                 font.pointSize: 14
                 text: "Local Normal:"
             }
         }
         Column {
             Label {
                 id: pickName
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: pickPosition
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: uvPosition
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: distance
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: scenePosition
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: localPosition
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: worldNormal
                 color: "white"
                 font.pointSize: 14
             }
             Label {
                 id: localNormal
                 color: "white"
                 font.pointSize: 14
             }

         }
     }

     View3D {
         id: view
         anchors.fill: parent
         renderMode: View3D.Underlay

         PointLight {
             x: -200
             y: 200
             z: 300
             quadraticFade: 0
             brightness: 1.5
         }

         PerspectiveCamera {
             z: 500
         }

         Model {
             id: cubeModel
             objectName: "Cube"
             source: "#Cube"
             pickable: true
             property bool isPicked: false

             scale.x: 1.5
             scale.y: 2
             scale.z: 1.5

             materials: DefaultMaterial {
                 diffuseColor: cubeModel.isPicked ? "#41cd52" : "#09102b"
                 specularAmount: 0.25
                 specularRoughness: 0.2
                 roughnessMap: Texture { source: "maps/roughness.jpg" }
             }

             SequentialAnimation on eulerRotation {
                 running: !cubeModel.isPicked
                 loops: Animation.Infinite
                 PropertyAnimation {
                     duration: 2500
                     from: Qt.vector3d(0, 0, 0)
                     to: Qt.vector3d(360, 360, 360)
                 }
             }
         }

         Model {
             id: coneModel
             objectName: "Cone"
             source: "#Cone"
             pickable: true
             property bool isPicked: false

             x: 200
             z: 100

             scale.x: 2
             scale.y: 1.5
             scale.z: 2

             materials: DefaultMaterial {
                 diffuseColor: coneModel.isPicked ? "#21be2b" : "#53586b"
                 specularAmount: 1
                 specularRoughness: 0.1
                 roughnessMap: Texture { source: "maps/roughness.jpg" }
             }

             SequentialAnimation on eulerRotation {
                 running: !coneModel.isPicked
                 loops: Animation.Infinite
                 PropertyAnimation {
                     duration: 10000
                     from: Qt.vector3d(0, 0, 0)
                     to: Qt.vector3d(-360, 360, 0)
                 }
             }
         }

         Model {
             id: sphereModel
             objectName: "Sphere"
             source: "#Sphere"
             pickable: true
             property bool isPicked: false

             x: -100
             y: -100
             z: -100

             scale.x: 5
             scale.y: 3
             scale.z: 1

             materials: DefaultMaterial {
                 diffuseColor: sphereModel.isPicked ? "#17a81a" : "#9d9faa"
                 specularAmount: 0.25
                 specularRoughness: 0.2
                 roughnessMap: Texture { source: "maps/roughness.jpg" }
             }

             SequentialAnimation on eulerRotation.x {
                 running: !sphereModel.isPicked
                 loops: Animation.Infinite
                 PropertyAnimation {
                     duration: 5000
                     from: 0
                     to: 360
                 }
             }
         }
     }

     MouseArea {
         anchors.fill: view

         onClicked: (mouse) => {
             // Get screen coordinates of the click
             pickPosition.text = "(" + mouse.x + ", " + mouse.y + ")"
             var result = view.pick(mouse.x, mouse.y);
             if (result.objectHit) {
                 var pickedObject = result.objectHit;
                 // Toggle the isPicked property for the model
                 pickedObject.isPicked = !pickedObject.isPicked;
                 // Get picked model name
                 pickName.text = pickedObject.objectName;
                 // Get other pick specifics
                 uvPosition.text = "("
                         + result.uvPosition.x.toFixed(2) + ", "
                         + result.uvPosition.y.toFixed(2) + ")";
                 distance.text = result.distance.toFixed(2);
                 scenePosition.text = "("
                         + result.scenePosition.x.toFixed(2) + ", "
                         + result.scenePosition.y.toFixed(2) + ", "
                         + result.scenePosition.z.toFixed(2) + ")";
                 localPosition.text = "("
                         + result.position.x.toFixed(2) + ", "
                         + result.position.y.toFixed(2) + ", "
                         + result.position.z.toFixed(2) + ")";
                 worldNormal.text = "("
                         + result.sceneNormal.x.toFixed(2) + ", "
                         + result.sceneNormal.y.toFixed(2) + ", "
                         + result.sceneNormal.z.toFixed(2) + ")";
                 localNormal.text = "("
                         + result.normal.x.toFixed(2) + ", "
                         + result.normal.y.toFixed(2) + ", "
                         + result.normal.z.toFixed(2) + ")";
             } else {
                 pickName.text = "None";
                 uvPosition.text = "";
                 distance.text = "";
                 scenePosition.text = "";
                 localPosition.text = "";
                 worldNormal.text = "";
                 localNormal.text = "";
             }
         }
     }
 }