• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            posts - 319, comments - 22, trackbacks - 0, articles - 11
              C++博客 :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

            Quick3D 學習文檔 (QML) 轉載

            Posted on 2011-08-04 21:14 RTY 閱讀(3706) 評論(0)  編輯 收藏 引用 所屬分類: 轉載隨筆QML

            .介紹

            quick3d是把qt3d部分以插件的形式導出,在QML中通過包含的形式來進行使用的。

            quick3d部分,使用的包含有

            import Qt3D 1.0
            import Qt3D.Shapes 1.0

            Import Qt3D 是包含主要的一些Qt3D模塊,而Qt3D.Shapes 包含的是一些立方體,球體,圓柱體等的信息,方便使用各種簡單模型。

            .具體的說明(這里沒有按照原來的意思翻譯,只根據個人理解)

            QML BillboardTransform Element 公告牌,實現一個變化使對象一直朝向攝像機。

            QML Camera Element 攝像機,定義一個視口的位置和投影3D場景

            QML Effect Element 定義一些簡單的效果,包含材質 紋理 燈光等

            QML FloatingItem Element 定義一個二維放置在3D可視化區域內的深度

            QML Item3D Element 將存儲一個3D對象,并且包含所有簡單3D操作的屬性和方法

            QML Light Element 一些燈光參數的描述

            QML LightModel Element 定義場景中燈光的模型

            QML LookAtTransform Element 提供一種變化使對象面向攝像機,具體意思需要自己理解

            QML Material Element 描述OpenGL中的材質屬性

            QML Mesh Element 對載入一些模型文件的支持,還有一些操作等

            QML Qt3d Element qt3d全局對象,為3d應用程序提供一些有用的功能

            QML Rotation3D Element 提供3d空間中的旋轉變化

            QML Scale3D Element 提供3d空間中的縮放變化

            QML ShaderProgram Element 提供著色器語言的支持,這個需要GPU的支持。

            QML StereoView Element 定義一個布局可以使用左右視角圖像,這個的作用是立體視覺效果,他分別從左右眼的方向對3D場景中的物體進行來渲染,需要硬件支持.

            QML Translation3D Element 提供3d空間中的位置變化

            QML Viewport Element 定義一個合理的3D視口


            QML Capsule Element 描述一個囊

            QML Cube Element 描述一個立方體

            QML Cylinder Element 描述一個圓柱體

            QML Line Element 描述線 可以是多條線

            QML Point Element 描述點 可以是多個點

            QML Quad Element 描述四邊形

            QML Sphere Element 描述球體

            QML Teapot Element 描述茶壺


            簡單的quick3d

            QML Viewport Element

            QML Mesh Element

            QML Item3D Element


            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                width: 640; height: 480
                camera: Camera {}
                light: Light {}
                Item3D {
                    mesh: Mesh { source: "teapot.bez" }
                    effect: Effect {}
                }
            }

            QML BillboardTransform Element

            沒有成功,所以暫時不寫


            QML Camera Element

            QML Effect Element

            QML Mesh Element

            QML Item3D Element


            設置攝像機的位置:0412 使用一張圖片作為 紋理,使用Mesh 載入obj模型


            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                id: viewport;
                width: 640; height: 480
                // 設置攝像機及指向的位置
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                // 添加一棵樹
                Item3D{
                   id: tree
                   mesh: Mesh { source: "tree.obj" }
                   effect: Effect { blending: true; texture: "tree.png"}
                   position: Qt.vector3d(0, 0, 0)
                }
            }

            QML FloatingItem Element

            3D場景上使用2D元素

            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                id: viewport;
                width: 640; height: 480
                // 設置攝像機及指向的位置
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                // 添加一個2D的東西
                FloatingItem {
                     anchors.fill: parent
                     depth: -10
                    Rectangle {
                        x:100; y: 100; width: 100; height: 30;
                        color: "#8f00ff00";
                        Text {anchors.fill: parent; text:"OK"; color: "blue"}
                    }
                 }
                // 設置地面
                Item3D {
                    id: ground
                    mesh: Mesh { source:"ground.obj"} // 載入一個obj模型
                    effect: Effect{
                        color: "#604000";
                        useLighting: false;
                    }
                }
                // 添加一棵樹
                Item3D{
                   id: tree
                   mesh: Mesh { source: "tree.obj" }
                   effect: Effect { blending: true; texture: "tree.png"}
                   position: Qt.vector3d(0, 0, 0)
                }
            }


            QML Light Element

            可以比對下打開燈光和不打開燈光效果的差別

            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                width: 640; height: 480
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                light:  Light {
                    position: Qt.vector3d(0, 4, 12);
                    direction: Qt.vector3d(0, 0, 0);
                }
                Item3D {
                    mesh: Mesh { source: "teapot.bez" }
                    effect: Effect {}
                }
            }

            QML Qt3d Element

            里面包含了一些有用的類型

            Qt3d::matrix4x4 ( real m11, real m12, real m13, real m14, real m21, real m22, real m23, real m24, real m31, real m32, real m33, real m34, real m41, real m42, real m43, real m44 )

            Qt3d::quaternion ( real scalar, real x, real y, real z )

            Qt3d::vector2d ( real x, real y )

            Qt3d::vector4d ( real x, real y, real z, real w )


            QML Rotation3D Element

            QML Scale3D Element

            QML Translation3D Element

            直接對一棵樹進行縮放 移動 旋轉操作

            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                width: 640; height: 480
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                // 添加地面
                Item3D {
                     id: ground
                     mesh: Mesh { source: "ground.obj" }
                     effect: Effect {
                         color: "#604000"
                         useLighting: false
                     }
                 }
                Item3D {
                    id: mainItem
                    // 1棵樹旋轉
                    Item3D{
                       id: tree1
                       mesh: Mesh { source: "tree.obj" }
                       effect: Effect {
                              blending: true
                              texture: "tree.png"
                        }
                       position: Qt.vector3d(0, 0, 0)
                       transform:[
                           Rotation3D {id: tree1Rot; axis: Qt.vector3d(0, 1, 0);},
                           Translation3D {id: tree1Tran; translate: Qt.vector3d(3, 0, 0)},
                           Scale3D {id: tree1Scale;scale: 0.5 }
                       ]
                    }
                }
                ParallelAnimation{
                    running: true;
                    NumberAnimation { loops: Animation.Infinite; target: tree1Rot; 
                                        property: "angle"; from: 0; to : 360.0; duration: 3000;}
                    NumberAnimation { loops: Animation.Infinite; target: tree1Tran; 
                                        property: "progress"; from: 0; to : 1; duration: 3000;}
                    NumberAnimation { loops: Animation.Infinite; target: tree1Scale; 
                                        property: "scale"; from: 0; to : 1; duration: 3000;}
                }
            }

            QML LookAtTransform Element

            未知


            QML LightModel Element

            QML Material Element

            這里是對茶壺表面的材質進行了光照的設置

            import Qt 4.7
            import Qt3D 1.0
            Viewport {
                width: 640; height: 480
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                // 燈光
                light: Light {
                    ambientColor: "black"; // 環境光
                    constantAttenuation: 1;
                    diffuseColor: "white"; // 慢發射
                    specularColor: "white"; //鏡面光
                }
                // 設置場景的環境光
                lightModel: LightModel {
                    ambientSceneColor: Qt.rgba(0.2, 0.2, 0.2, 1.0);
                }
                // 物體
                Item3D{
                       id: teapot
                       mesh: Mesh { source: "teapot.bez" }
                       effect: Effect {
                              blending: true
                              material: Material {
                                  id: teapotMate
                                  ambientColor: "#cf00f010";
                                  specularColor: "#cf030010";
                                  diffuseColor: "#cf200310";
                             }
                      }
                }
                ParallelAnimation{
                    running: true;
                    ColorAnimation { loops: Animation.Infinite; target: teapotMate;
                        property: "ambientColor"; from: "#cf00f010"; to : "#a33ca326"; duration: 3000;}
                    ColorAnimation { loops: Animation.Infinite; target: teapotMate;
                        property: "specularColor"; from: "#cf030010"; to : "#3091f300"; duration: 3000;}
                    ColorAnimation { loops: Animation.Infinite; target: teapotMate;
                        property: "diffuseColor"; from: "#cf200310"; to : "#59649350"; duration: 3000;}
                }
            }

            QML ShaderProgram Element

            對于這塊我不是很了解具體的例子可以查看

            declarative/teapot-shader.qml

            QML StereoView Element

            import Qt 4.7
            import Qt3D 1.0
            StereoView{
                 width: 640; height: 480
                 //layout: StereoView.LeftRight
                 FloatingItem {
                     anchors.fill: parent
                     depth: -10
                     Image {
                         anchors.fill: parent
                         source: "tree.png"
                     }
                 }
                 Viewport {
                     anchors.fill: parent
                     navigation: false
                     camera: Camera {
                         eye: Qt.vector3d(0, 0, 10)
                         eyeSeparation: 0.08
                     }
                 // 添加地面
                 Item3D {
                      id: ground
                      position: Qt.vector3d(-1.0, -1.0, -5.0)
                      mesh: Mesh { source: "ground.obj" }
                      effect: Effect {
                          color: "#604000"
                          useLighting: false
                      }
                  }
                 }
            }


            QML Capsule Element 描述一個囊

            QML Cube Element 描述一個立方體

            QML Cylinder Element 描述一個圓柱體

            QML Line Element 描述線 可以是多條線

            QML Point Element 描述點 可以是多個點

            QML Quad Element 描述四邊形

            QML Sphere Element 描述球體

            QML Teapot Element 描述茶壺

            import Qt 4.7
            import Qt3D 1.0
            import Qt3D.Shapes 1.0
            Viewport {
                width: 640; height: 480
                camera: Camera {
                    eye: Qt.vector3d(0, 4, 12);
                }
                // 燈光
                light: Light {
                    ambientColor: "black"; // 環境光
                    constantAttenuation: 1;
                    diffuseColor: "white"; // 慢發射
                    specularColor: "white"; //鏡面光
                }
                // 設置場景的環境光
                lightModel: LightModel {
                    ambientSceneColor: Qt.rgba(0.2, 0.2, 0.2, 1.0);
                }
                // 囊狀
                Capsule {
                    radius: 0.5
                    length: 3.0
                    scale: 0.5
                    position: Qt.vector3d(-2, 1, 0);
                    effect: Effect {
                        color: "#aaca00"
                    }
                }
                // 立方體
                Cube {
                    scale: 0.5
                    position: Qt.vector3d(-1, 1, 0);
                    effect: Effect {
                        color: "#aaca00"
                        texture: "qtlogo.png"
                    }
                }
                // 圓柱體
                Cylinder {
                     radius: 0.5
                     length: 3.0
                     scale: 0.5
                     position: Qt.vector3d(0, 1, 0);
                     effect: Effect {
                         color: "#aaca00"
                     }
                 }
                // 
                Line {
                    vertices: [
                       0, 0, 0,
                       0, 0, 1,
                       0, 1, 1
                    ]
                    position: Qt.vector3d(-2.0, 0, 0);
                    effect: Effect {
                        color: "#aaca00"
                    }
                }
                // 
                Point {
                    vertices: [
                       0, 0, 0,
                       1, 1, 1,
                       -1, -1, -1
                            ]
                    pointSize: 0.5;
                    position: Qt.vector3d(1, -1, 0);
                    effect: Effect {
                        color: "white"
                    }
                }
                // 四邊形
                Quad {
                    scale: 0.5
                    position: Qt.vector3d(0, 0, 0);
                    effect: Effect {
                        color: "#aaca00"
                        texture: "qtlogo.png"
                    }
                }
                // 球體
                Sphere {
                    radius: 0.5
                    position: Qt.vector3d(-2, -1, 0);
                    effect: Effect {
                        color: "#aaca00"
                    }
                }
                // 茶壺
                Teapot {
                    scale: 0.5
                    position: Qt.vector3d(-1, -1, 0);
                    effect: Effect {
                        color: "#aaca00"
                        texture: "qtlogo.png"
                        decal: true
                    }
                }
            }

            久久亚洲高清综合| 丁香五月网久久综合| 久久人做人爽一区二区三区 | 亚洲色欲久久久久综合网| 午夜精品久久影院蜜桃| 亚洲va中文字幕无码久久| 青青青伊人色综合久久| 狠狠色婷婷久久综合频道日韩 | 亚洲精品国产字幕久久不卡| 国产人久久人人人人爽| 性做久久久久久久久| 久久综合九色综合欧美狠狠| 久久国语露脸国产精品电影| 久久亚洲AV无码西西人体| 精品蜜臀久久久久99网站| 亚洲va久久久久| 久久亚洲AV无码西西人体| 久久美女人爽女人爽| 久久精品中文无码资源站| 九九久久精品无码专区| 国产巨作麻豆欧美亚洲综合久久| 国产精品久久婷婷六月丁香| 久久久久久综合一区中文字幕| 亚洲中文久久精品无码ww16| 亚洲国产成人精品女人久久久 | 久久久久亚洲AV成人网| 国产一久久香蕉国产线看观看| 中文字幕人妻色偷偷久久| 久久99热这里只频精品6| 国产成人久久777777| 91久久精品国产91性色也| 久久精品国产精品青草app| 99久久久精品免费观看国产| 精品免费久久久久久久| AV狠狠色丁香婷婷综合久久| 久久精品国产第一区二区三区| 人妻精品久久久久中文字幕69| 久久综合亚洲欧美成人| 久久精品人人做人人爽电影蜜月| 欧美亚洲色综久久精品国产| 久久久久久国产精品无码超碰|