qml 3d模型运动，绘制运动轨迹

要在 QML 中绘制 3D 模型的运动轨迹，需要使用 Qt 3D 和 QML 中的 3D 功能。以下是一个简单的示例：

1. 创建一个 QML 文件，并在其中添加一个 Qt 3D 视图：

import QtQuick 2.12
import Qt3D.Core 2.12
import Qt3D.Render 2.12
import Qt3D.Input 2.12
import Qt3D.Extras 2.12

Entity {
    // 创建场景根节点
    id: rootEntity

    // 创建摄像机
    Camera {
        id: camera
        projectionType: CameraLens.PerspectiveProjection
        fieldOfView: 45
        aspectRatio: 16/9
        nearPlane : 0.1
        farPlane : 100.0
        position: Qt.vector3d(0.0, 0.0, -10.0)
        upVector: Qt.vector3d(0.0, 1.0, 0.0)
        viewCenter: Qt.vector3d(0.0, 0.0, 0.0)
    }

    // 创建视图
    View3D {
        id: view3D
        anchors.fill: parent
        camera: camera
        pickingSettings.pickingMethod: PickingSettings.ObjectPicking
    }
}

2. 添加一个 3D 模型到场景中：

import QtQuick 2.12
import Qt3D.Core 2.12
import Qt3D.Render 2.12
import Qt3D.Input 2.12
import Qt3D.Extras 2.12

Entity {
    // 创建场景根节点
    id: rootEntity

    // 创建摄像机
    // ...

    // 创建视图
    // ...

    // 添加 3D 模型
    Model {
        id: myModel
        source: "myModel.obj"
        transform: Translate {
            x: 0.0
            y: 0.0
            z: 0.0
        }
    }

    // 将模型添加到场景中
    components: [
        myModel
    ]
}

3. 在模型上绑定一个动画，使其运动：

import QtQuick 2.12
import Qt3D.Core 2.12
import Qt3D.Render 2.12
import Qt3D.Input 2.12
import Qt3D.Extras 2.12

Entity {
    // 创建场景根节点
    id: rootEntity

    // 创建摄像机
    // ...

    // 创建视图
    // ...

    // 添加 3D 模型
    // ...

    // 添加动画控制器
    AnimationController {
        id: animationController
        target: myModel
        loops: Animation.Infinite
        running: true
    }

    // 添加旋转动画
    NumberAnimation {
        id: rotationAnimation
        target: myModel.transform
        property: "rotation"
        from: Qt.quaternion(1, 0, 0, 0)
        to: Qt.quaternion(0, 1, 0, 0)
        duration: 2000 // 持续时间 2 秒
        easing.type: Easing.InOutQuad // 缓动类型
        running: true
    }

    // 将动画控制器添加到场景中
    components: [
        animationController
    ]
}

4. 在模型周围绘制轨迹：

import QtQuick 2.12
import Qt3D.Core 2.12
import Qt3D.Render 2.12
import Qt3D.Input 2.12
import Qt3D.Extras 2.12

Entity {
    // 创建场景根节点
    id: rootEntity

    // 创建摄像机
    // ...

    // 创建视图
    // ...

    // 添加 3D 模型
    // ...

    // 添加动画控制器
    // ...

    // 添加旋转动画
    // ...

    // 添加轨迹线
    LineSet {
        id: lineSet
        // 创建线段
        LineSetMesh {
            id: lineMesh
            primitiveType: LineSetMesh.Lines
            vertexCount: 2
            lineWidth: 2
            vertices: [
                Qt.vector3d(0, 0, 0),
                Qt.vector3d(0, 0, 0)
            ]
        }
        // 创建线段材质
        LineSetMaterial {
            id: lineMaterial
            diffuseColor: Qt.rgba(1, 0, 0, 0.5)
            specularColor: Qt.rgba(1, 1, 1, 1)
            shininess: 80.0
            lineWidth: 2
        }
        // 将线段和材质添加到场景中
        PrimitiveSet {
            primitiveType: PrimitiveSet.Lines
            indexOffset: 0
            indexCount: 2
            primitiveRestartEnabled: true
            vertexCount: 2
            mesh: lineMesh
            material: lineMaterial
        }
    }

    // 将轨迹线添加到场景中
    components: [
        lineSet
    ]

    // 更新轨迹线的位置
    function updateLine() {
        var position = myModel.transform.translation
        lineMesh.vertices[1] = position
    }

    // 在每帧更新轨迹线
    onBeforeRendering: {
        updateLine()
    }
}

这样，就可以在 Qt 3D 场景中展示一个 3D 模型，并在其运动时绘制其轨迹。