Qt 3D教程（四）结合Qt Quick来实现动画的效果

上篇教程已经给大家带来较为实用的效果了，这回我们尝试载入两个模型，并且让PhongMaterial成为它们的共享材质，此外，我们通过借助Qt Quick的动画框架来让我们的三维场景动起来！

蒋彩阳原创文章，首发地址：http://blog.csdn.net/gamesdev/article/details/47132099。欢迎同行前来探讨。

这次的改动没有上次那么多，只需要修改main.qml即可满足效果。main.qml文件如下所示：

import Qt3D 2.0
import Qt3D.Renderer 2.0
import QtQuick 2.5 as Quick

Entity
{
    id: root

    Camera
    {
        id: camera
        position: Qt.vector3d( 0.0, 20.0, 100.0 )
        projectionType: CameraLens.PerspectiveProjection
        fieldOfView: 45
        aspectRatio: 16.0 / 9.0
        nearPlane : 0.1
        farPlane : 1000.0
        upVector: Qt.vector3d( 0.0, 1.0, 0.0 )
        viewCenter: Qt.vector3d( 0.0, 20.0, 0.0 )
    }

    components: FrameGraph
    {
        ForwardRenderer
        {
            clearColor: Qt.rgba( 0.2, 0, 0, 1 )
            camera: camera
        }
    }

    PhongMaterial
    {
        id: phongMaterial
        ambient: _settings.ambient
        diffuse: _settings.diffuse
        specular: _settings.specular
        shininess: _settings.shininess
    }

    Entity
    {
        Mesh
        {
            id: chestMesh
            source: "qrc:/assets/Chest.obj"
            enabled: _settings.showModel
        }

        components: [ chestMesh, phongMaterial ]
    }

    Entity
    {
        Mesh
        {
            id: trefoilMesh
            source: "qrc:/assets/trefoil.obj"
            enabled: _settings.showModel
        }

        Transform
        {
            id: transform

            Translate
            {
                translation: Qt.vector3d( 0, 30, 50 )
            }

            Rotate
            {
                axis: Qt.vector3d( 0, 1, 0 )
                Quick.NumberAnimation on angle
                {
                    from: 0
                    to: 360
                    loops: Quick.Animation.Infinite
                    duration: 2000
                    running: true
                }
            }
        }

        components: [ trefoilMesh, phongMaterial, transform ]
    }

    Configuration
    {
        controlledCamera: camera
    }
}

这里我们将PhongMaterial单独提出来，让它成为一个共享的材质，另外，我们再添加一个模型——三叶草环状模型，并且我们给它做了一系列转换。我想要是让这个模型绕着宝箱模型旋转该多好啊。于是我们将Qt Quick引入，我们将旋转的部分做了动画，从0度到360度，并且做了无限循环。就是这么简单，我已经迫不及待地想要看到动态的效果了：

我们看到，这个环状模型绕着宝箱模型旋转了，这个效果非常带感！

本次教程的代码均在我的github中，感兴趣的同行们可以通过git clone或者是直接下载我的git项目来获取到本套教程的所有源代码。

版权声明：本文为博主原创文章，未经博主允许不得转载。