码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-29 19:15:05      阅读:1413      评论:0      收藏:0      [点我收藏+]

标签:qt   3d   

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项目来获取到本套教程的所有源代码。

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

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

标签:qt   3d   

原文地址:http://blog.csdn.net/gamesdev/article/details/47132099

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!