国产亚洲欧美精品久久久,国产AⅤ精品一区二区三区久久,久久AV高清无码

Quick3D 學習文檔 (QML) 轉載

Posted on 2011-08-04 21:14 RTY 閱讀(3722) 評論(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

設置攝像機的位置：0，4，12 使用一張圖片作為紋理，使用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
        }
    }
}

只有注冊用戶登錄后才能發表評論。
【推薦】100%開源！大型工業跨平臺軟件C++源碼提供，建模，組態！

相關文章: webkit webApp 開發技術要點總結,涉及ViewPort，離線瀏覽，縮放，事件，屏幕旋轉，防止滾動條出現，雙手滑動，判斷設備，拼寫修正，CSS等(轉載) 為你的Cocoa應用程序加入更新支持：Sparkle 簡介 IOS - 文字色彩《移動應用開發解決方案》Embarcadero HTML 5 Builder Parse .strings file with Python Cocoa中檢查文件目錄是否有權限的方法 Cocoa中打開文件和文件夾的方法 Windows 8版掃雷更新添加30s廣告 IOS學習筆記12—UITabBarController ,重點在于靈活設置導航控制器。 Lua 語言簡單入門

網站導航: 博客園 IT新聞 BlogJava 博問 Chat2DB 管理

RTY 實踐出真知

Quick3D 學習文檔 (QML) 轉載

日歷

常用鏈接

留言簿(12)

隨筆分類(538)

隨筆檔案(319)

文章分類(11)

文章檔案(11)

官方教程

知識共享鏈接

搜索

最新評論

閱讀排行榜

評論排行榜