main.qml Example File
textureandlight/qml/textureandlight/main.qml
import QtQuick 2.0
import QtCanvas3D 1.0
import "textureandlight.js" as GLCode
Item {
id: mainview
width: 1280
height: 768
visible: true
Canvas3D {
id: canvas3d
anchors.fill:parent
focus: true
property double xRotAnim: 0
property double yRotAnim: 0
property double zRotAnim: 0
property bool isRunning: true
onInitializeGL: {
GLCode.initializeGL(canvas3d);
}
onPaintGL: {
GLCode.paintGL(canvas3d);
}
onResizeGL: {
GLCode.resizeGL(canvas3d);
}
Keys.onSpacePressed: {
canvas3d.isRunning = !canvas3d.isRunning
if (canvas3d.isRunning) {
objAnimationX.pause();
objAnimationY.pause();
objAnimationZ.pause();
} else {
objAnimationX.resume();
objAnimationY.resume();
objAnimationZ.resume();
}
}
SequentialAnimation {
id: objAnimationX
loops: Animation.Infinite
running: true
NumberAnimation {
target: canvas3d
property: "xRotAnim"
from: 0.0
to: 120.0
duration: 7000
easing.type: Easing.InOutQuad
}
NumberAnimation {
target: canvas3d
property: "xRotAnim"
from: 120.0
to: 0.0
duration: 7000
easing.type: Easing.InOutQuad
}
}
SequentialAnimation {
id: objAnimationY
loops: Animation.Infinite
running: true
NumberAnimation {
target: canvas3d
property: "yRotAnim"
from: 0.0
to: 240.0
duration: 5000
easing.type: Easing.InOutCubic
}
NumberAnimation {
target: canvas3d
property: "yRotAnim"
from: 240.0
to: 0.0
duration: 5000
easing.type: Easing.InOutCubic
}
}
SequentialAnimation {
id: objAnimationZ
loops: Animation.Infinite
running: true
NumberAnimation {
target: canvas3d
property: "zRotAnim"
from: -100.0
to: 100.0
duration: 3000
easing.type: Easing.InOutSine
}
NumberAnimation {
target: canvas3d
property: "zRotAnim"
from: 100.0
to: -100.0
duration: 3000
easing.type: Easing.InOutSine
}
}
}
}