Qt Quick 3D - Quick Items Example
import QtQuick
import QtQuick3D
Window {
width: 800
height: 480
visible: true
title: qsTr("Quick Items Example")
View3D {
anchors.fill: parent
environment: SceneEnvironment {
clearColor: "#808080"
backgroundMode: SceneEnvironment.Color
antialiasingMode: SceneEnvironment.MSAA
antialiasingQuality: SceneEnvironment.High
}
PerspectiveCamera {
id: camera
property real cameraAnimation: 1
SequentialAnimation on cameraAnimation {
loops: Animation.Infinite
NumberAnimation {
to: -1
duration: 5000
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: 1
duration: 5000
easing.type: Easing.InOutQuad
}
}
position: Qt.vector3d(200 * cameraAnimation, 300, 500)
eulerRotation.x: -20
eulerRotation.y: 20 * cameraAnimation
}
DirectionalLight {
eulerRotation: Qt.vector3d(-135, -110, 0)
brightness: 1
}
SpotLight {
position: Qt.vector3d(0, 500, 600)
eulerRotation.x: -45
brightness: 30
}
Model {
source: "#Rectangle"
y: -500
scale: Qt.vector3d(12, 12, 12)
eulerRotation.x: -90
materials: DefaultMaterial {
diffuseColor: Qt.rgba(0.5, 0.5, 0.5, 1.0)
}
}
Model {
source: "#Rectangle"
x: -600
scale: Qt.vector3d(12, 10, 12)
eulerRotation.y: 90
materials: DefaultMaterial {
diffuseColor: Qt.rgba(0.8, 0.8, 0.6, 1.0)
}
}
Model {
source: "#Rectangle"
z: -600
scale: Qt.vector3d(12, 10, 12)
materials: DefaultMaterial {
diffuseColor: Qt.rgba(0.8, 0.8, 0.6, 1.0)
}
}
Node {
position: Qt.vector3d(0, 100, -120)
Item {
width: 400
height: 400
anchors.centerIn: parent
Rectangle {
anchors.fill: parent
opacity: 0.4
color: "#202020"
radius: 10
border.width: 2
border.color: "#f0f0f0"
}
Text {
anchors.top: parent.top
anchors.topMargin: 10
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 20
color: "#e0e0e0"
style: Text.Raised
text: qsTr("Background Item")
}
Image {
anchors.centerIn: parent
source: "Built_with_Qt_RGB_logo_vertical"
}
}
}
Node {
position: Qt.vector3d(0, 150, 100)
SequentialAnimation on x {
loops: Animation.Infinite
NumberAnimation {
to: -200
duration: 1500
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: 200
duration: 1500
easing.type: Easing.InOutQuad
}
}
NumberAnimation on eulerRotation.z {
loops: Animation.Infinite
from: 0
to: 360
duration: 4000
easing.type: Easing.InOutBack
}
Item {
width: 400
height: 400
anchors.centerIn: parent
layer.enabled: true
Rectangle {
x: 150
y: 100
width: 100
height: 100
radius: 50
color: "#80808020"
border.color: "black"
border.width: 2
}
Rectangle {
x: 90
y: 200
width: 100
height: 100
radius: 50
color: "#80808020"
border.color: "black"
border.width: 2
}
Rectangle {
x: 210
y: 200
width: 100
height: 100
radius: 50
color: "#80808020"
border.color: "black"
border.width: 2
}
}
}
Node {
position: Qt.vector3d(0, 80, 250)
Text {
anchors.centerIn: parent
width: 300
wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignJustify
font.pixelSize: 14
color: "#e0e0e0"
style: Text.Raised
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod " +
"tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim " +
"veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea " +
"commodo consequat."
SequentialAnimation on opacity {
loops: Animation.Infinite
NumberAnimation {
to: 0
duration: 1500
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: 1
duration: 1500
easing.type: Easing.InOutQuad
}
}
}
}
Node {
position: Qt.vector3d(0, 800, 0)
SequentialAnimation on eulerRotation.x {
loops: Animation.Infinite
NumberAnimation {
to: 20
duration: 3500
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: -20
duration: 3500
easing.type: Easing.InOutQuad
}
}
Model {
source: "#Cylinder"
y: -300
scale: Qt.vector3d(0.1, 6.1, 0.1)
materials: DefaultMaterial {
diffuseColor: Qt.rgba(0.9, 0.9, 0.9, 1.0)
}
}
Model {
source: "#Sphere"
y: -700
scale: Qt.vector3d(2, 2, 2)
materials: DefaultMaterial {
diffuseColor: Qt.rgba(0.4, 0.4, 0.4, 1.0)
}
}
