购物网站开发和运行环境,wordpress 替换图片函数,天津做国外网站,成都模版网站制作目前使用的版本 v5.14.0 模块导入 使用QML 3D时需要 import Qt3D.Core 2.14 核心模块类 V6以上的版本已经发布#xff0c;所以有很多module会发生变化#xff0c;主要有核心module、输入、逻辑、渲染、动画和扩展module#xff0c;以及2D/3D场景模块
类名 能…目前使用的版本 v5.14.0 模块导入 使用QML 3D时需要 import Qt3D.Core 2.14 核心模块类 V6以上的版本已经发布所以有很多module会发生变化主要有核心module、输入、逻辑、渲染、动画和扩展module以及2D/3D场景模块
类名 能力 View3D 为绘制3D数据提供了在2D场景中显示的窗口 OrbitCameraController 按照轨道路线来控制场景相机 QAbstractAnimation 3D动画的顶层root类派生的动画类提供了动画效果能力 学习路线 3d效果中离不开动画所以要想学好3d部分需要将动画部分也掌握。然后再从最基础的3d理论知识入门 Demo 官方给出了很多例子可以根据官方demo进行由浅入深的学习。地址在source code中SourceCode Root Path/qt3d/ 此外网络上还提供了不少入门的demo从较小的纬度基础的加载3d资源、鼠标处理等操作提供了演示操作下面是收集来的各种操作集合。 1、加载3D模型资源将.obj文件转换成.mesh类型文件
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick3D 1.15Window {width: 640height: 480visible: truetitle: qsTr(Hello World)View3D {id: view3Danchors.fill: parentenvironment: sceneEnvironmentSceneEnvironment {id: sceneEnvironmentantialiasingQuality: SceneEnvironment.HighantialiasingMode: SceneEnvironment.MSAA}Node {id: nodeDirectionalLight {id: directionalLight}PerspectiveCamera {id: cameraz: 15}Model {id: cubeModelsource: test.meshDefaultMaterial {id: cubeMaterialdiffuseColor: #4aee45}materials: cubeMaterial}}}
} 2、鼠标控制场景缩放和旋转
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick3D 1.15Window {width: 640height: 480visible: truetitle: qsTr(Hello World)View3D {id: view3Danchors.fill: parentenvironment: sceneEnvironmentSceneEnvironment {id: sceneEnvironmentantialiasingQuality: SceneEnvironment.HighantialiasingMode: SceneEnvironment.MSAA}MouseArea{id:mouseanchors.fill: parentproperty int cx: 0property int cy: 0onWheel: {if(wheel.angleDelta.y0)camera.z camera.z5elsecamera.z camera.z-5}onPressed: {cx mouse.xcy mouse.y}onPositionChanged: {var intervalX mouse.x-cxvar intervalY mouse.y-cycameraNode.eulerRotation.y intervalXcameraNode.eulerRotation.ycameraNode.eulerRotation.x cameraNode.eulerRotation.x-intervalYcx mouse.xcy mouse.y}}Node {id: nodeDirectionalLight {id: directionalLight}Model {id: cubeModelsource: test.meshDefaultMaterial {id: cubeMaterialdiffuseColor: #4aee45}materials: cubeMaterial}}Node{id:cameraNodePerspectiveCamera {id: cameraz: 15}}}
} 3、设置模型的金属光泽材质
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick3D 1.15Window {width: 640height: 480visible: truetitle: qsTr(Hello World)View3D {id: view3Danchors.fill: parentenvironment: sceneEnvironmentSceneEnvironment {id: sceneEnvironmentantialiasingQuality: SceneEnvironment.HighantialiasingMode: SceneEnvironment.MSAA}MouseArea{id:mouseanchors.fill: parentproperty int cx: 0property int cy: 0onWheel: {if(wheel.angleDelta.y0)camera.z camera.z5elsecamera.z camera.z-5}onPressed: {cx mouse.xcy mouse.y}onPositionChanged: {var intervalX mouse.x-cxvar intervalY mouse.y-cycameraNode.eulerRotation.y intervalXcameraNode.eulerRotation.ycameraNode.eulerRotation.x cameraNode.eulerRotation.x-intervalYcx mouse.xcy mouse.y}}Node {id: nodeDirectionalLight {id: directionalLight}Model {id: cubeModelsource: test.meshmaterials: PrincipledMaterial {id: cubeMaterialbaseColor: #e9d805roughness: 0.4metalness: 0.8}}}Node{id:cameraNodePerspectiveCamera {id: cameraz: 15}}}
} 4、使用2d的动画类来操作3d模型
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick3D 1.15Window {width: 640height: 480visible: truetitle: qsTr(Hello Qt Quick 3D)View3D {id: view3Danchors.fill: parentenvironment: sceneEnvironmentSceneEnvironment {id: sceneEnvironmentantialiasingQuality: SceneEnvironment.HighantialiasingMode: SceneEnvironment.MSAA}Node {id: nodeDirectionalLight {id: directionalLight}Model {id: cubeModelsource: test.meshDefaultMaterial {id: cubeMaterialdiffuseColor: #4aee45}materials: cubeMaterial}}Node{id:cameraNodePerspectiveCamera {id: cameraz: 15}NumberAnimation {id:camerAnimationtarget: cameraNodeproperty: eulerRotation.yduration: 5000from: 0to: -360loops: Animation.Infiniterunning: true}}}
} 5、综合性的显示3D模型材质颜色、动画以及鼠标缩放等 如果需要自定义背景图片时需要设置View3D的背景色为透明方法在上面链接中
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick3D 1.15Window {width: 480height: 450visible: truetitle: qsTr(Hello Qt Quick 3D)color: #00192eImage{opacity: 0.3anchors.fill: parentsource: qrc:/bg1.pngfillMode: Image.PreserveAspectCrop}View3D {id: view3Danchors.fill: parentenvironment: SceneEnvironment {id: sceneEnvironment//需要设置3D视图背景透明backgroundMode: SceneEnvironment.TransparentclearColor: transparentantialiasingQuality: SceneEnvironment.HighantialiasingMode: SceneEnvironment.MSAA}MouseArea{id:mouseanchors.fill: parentproperty int cx: 0property int cy: 0onWheel: {if(wheel.angleDelta.y0)cameraPerspective.z cameraPerspective.z5elsecameraPerspective.z cameraPerspective.z-5}onPressed: {camerAnimation.pause()cx mouse.xcy mouse.y}onReleased: {camerAnimation.resume()}onPositionChanged: {var intervalX mouse.x-cxvar intervalY mouse.y-cycameraNode.eulerRotation.y intervalXcameraNode.eulerRotation.ycameraNode.eulerRotation.x cameraNode.eulerRotation.x-intervalYcx mouse.xcy mouse.y}}Node {id: sceneDirectionalLight {x: 56eulerRotation.y: 90ambientColor: #1c1a17brightness: 163}Node {id: rootNodescale:Qt.vector3d(0.1,0.1,0.1)Node {x: 12.4775y: 36.2141z: 10.5153eulerRotation.x: 180eulerRotation.y: 32.0597eulerRotation.z: -180Model {x: 121.16y: -17.21z: 86.29eulerRotation.x: 180eulerRotation.y: -32.0597eulerRotation.z: -180source: meshes/Plane.meshmaterials: PrincipledMaterial {baseColor: #a0a2a3roughness: 0.6metalness: 0.5}}}PointLight {x: 80.1709y: 382.888z: -150.021eulerRotation.x: -69.997eulerRotation.y: 59.9021eulerRotation.z: -180color: #fffff5e1}PointLight {x: -305.432y: 199.762z: 163.037eulerRotation.x: 173eulerRotation.y: -59.9035color: #ffecf9ff}PointLight {x: 238.189y: 380.379z: 252.482eulerRotation.x: 138.592eulerRotation.y: 36.109color: #ff3b5966}}Node{id:cameraNodeeulerRotation.x: -20eulerRotation.y: 120PerspectiveCamera {id: cameraPerspectivey: 5clipNear: 0.1fieldOfView: 50z:90clipFar: 800}NumberAnimation {id:camerAnimationtarget: cameraNodeproperty: eulerRotation.yduration: 5000from: 0to: 360loops: Animation.Infiniterunning: true}}}Text {text: qsTr(鼠标左键旋转鼠标滚轮缩放)anchors.right: parent.rightanchors.bottom: parent.bottomfont.pointSize: 12font.bold: trueanchors.rightMargin: 10anchors.bottomMargin: 10font.family: 微软雅黑color:ghostwhite}}
} 基本元素 三维坐标 两个坐标连接起来就是北面墙。什么意思?想象一下其中一个坐标是东北方的下墙角以墙角为原点往南是X轴往上是Y轴往西是Z轴。另一个坐标是西北方的下墙角还是以墙角为原点往南是X轴往上是Y轴往东是Z轴。两个坐标系相互延伸、连接起来就是一面北墙。 坐标旋转方向 半握右手大拇指朝上从手背到四指的延伸方向就是坐标轴旋转方向
