PlanetsMain.qml Example File

planets-qml/PlanetsMain.qml
/**************************************************************************** ** ** Copyright (C) 2016 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Qt3D module of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:BSD$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see https://www.qt.io/terms-conditions. For further ** information use the contact form at https://www.qt.io/contact-us. ** ** BSD License Usage ** Alternatively, you may use this file under the terms of the BSD license ** as follows: ** ** "Redistribution and use in source and binary forms, with or without ** modification, are permitted provided that the following conditions are ** met: ** * Redistributions of source code must retain the above copyright ** notice, this list of conditions and the following disclaimer. ** * Redistributions in binary form must reproduce the above copyright ** notice, this list of conditions and the following disclaimer in ** the documentation and/or other materials provided with the ** distribution. ** * Neither the name of The Qt Company Ltd nor the names of its ** contributors may be used to endorse or promote products derived ** from this software without specific prior written permission. ** ** ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." ** ** $QT_END_LICENSE$ ** ****************************************************************************/
import QtQuick 2.0 import QtQuick.Window 2.2 import QtQuick.Scene3D 2.0 import "planets.js" as Planets Item { id: mainview width: 1280 height: 768 visible: true property int focusedPlanet: 100 property int oldPlanet: 0 property int frames: 0 property int sliderLength: (width < height) ? width / 2 : height / 2 property real textSize: sliderLength / 20 property real planetButtonSize: (height < 2200) ? (height / 13) : 200 Connections { target: networkController onCommandAccepted: { var focusedItem = mainview.Window.window.activeFocusItem if (focusedItem && focusedItem.panningEnabled) { focusedItem.panningEnabled = false } switch (command) { case "selectPlanet": mainview.focusedPlanet = Planets.planetId(decodeURIComponent(value)) planetButtonView.forceActiveFocus() planetButtonView.currentIndex = Planets.planetIndex(value) break case "setRotationSpeed": rotationSpeedSlider.forceActiveFocus() rotationSpeedSlider.value = rotationSpeedSlider.minimumValue + ((rotationSpeedSlider.maximumValue - rotationSpeedSlider.minimumValue) * value) break case "setViewingDistance": viewingDistanceSlider.forceActiveFocus() viewingDistanceSlider.value = viewingDistanceSlider.minimumValue + ((viewingDistanceSlider.maximumValue - viewingDistanceSlider.minimumValue) * value) break case "setPlanetSize": planetSizeSlider.forceActiveFocus() planetSizeSlider.value = planetSizeSlider.minimumValue + ((planetSizeSlider.maximumValue - planetSizeSlider.minimumValue) * value) break } } } Scene3D { anchors.fill: parent aspects: ["render", "logic", "input"] SolarSystem { id: solarsystem } } MouseArea { anchors.fill: parent acceptedButtons: Qt.LeftButton onClicked: focusedPlanet = 100 } onFocusedPlanetChanged: { if (focusedPlanet == 100) { info.opacity = 0 updatePlanetInfo() } else { updatePlanetInfo() info.opacity = 1 } solarsystem.changePlanetFocus(oldPlanet, focusedPlanet) oldPlanet = focusedPlanet } ListModel { id: planetModel ListElement { name: "Sun" radius: "109 x Earth" temperature: "5 778 K" orbitalPeriod: "" distance: "" planetImageSource: "qrc:/images/sun.png" planetNumber: 0 } ListElement { name: "Mercury" radius: "0.3829 x Earth" temperature: "80-700 K" orbitalPeriod: "87.969 d" distance: "0.387 098 AU" planetImageSource: "qrc:/images/mercury.png" planetNumber: 1 } ListElement { name: "Venus" radius: "0.9499 x Earth" temperature: "737 K" orbitalPeriod: "224.701 d" distance: "0.723 327 AU" planetImageSource: "qrc:/images/venus.png" planetNumber: 2 } ListElement { name: "Earth" radius: "6 378.1 km" temperature: "184-330 K" orbitalPeriod: "365.256 d" distance: "149598261 km (1 AU)" planetImageSource: "qrc:/images/earth.png" planetNumber: 3 } ListElement { name: "Mars" radius: "0.533 x Earth" temperature: "130-308 K" orbitalPeriod: "686.971 d" distance: "1.523679 AU" planetImageSource: "qrc:/images/mars.png" planetNumber: 4 } ListElement { name: "Jupiter" radius: "11.209 x Earth" temperature: "112-165 K" orbitalPeriod: "4332.59 d" distance: "5.204267 AU" planetImageSource: "qrc:/images/jupiter.png" planetNumber: 5 } ListElement { name: "Saturn" radius: "9.4492 x Earth" temperature: "84-134 K" orbitalPeriod: "10759.22 d" distance: "9.5820172 AU" planetImageSource: "qrc:/images/saturn.png" planetNumber: 6 } ListElement { name: "Uranus" radius: "4.007 x Earth" temperature: "49-76 K" orbitalPeriod: "30687.15 d" distance: "19.189253 AU" planetImageSource: "qrc:/images/uranus.png" planetNumber: 7 } ListElement { name: "Neptune" radius: "3.883 x Earth" temperature: "55-72 K" orbitalPeriod: "60190.03 d" distance: "30.070900 AU" planetImageSource: "qrc:/images/neptune.png" planetNumber: 8 } ListElement { name: "Solar System" planetImageSource: "" planetNumber: 100 // Defaults to solar system } } Component { id: planetButtonDelegate PlanetButton { source: planetImageSource text: name focusPlanet: planetNumber planetSelector: mainview buttonSize: planetButtonSize fontSize: textSize scale: activeFocus ? 1.4 : 1.0 Behavior on scale { PropertyAnimation { duration: 200 } } signal swipeUp() signal swipeDown() signal swipeLeft() onSwipeUp: { if (planetButtonView.currentIndex > 0) { planetButtonView.currentIndex-- } else { rotationSpeedSlider.forceActiveFocus() } } onSwipeDown: { if (planetButtonView.currentIndex < planetButtonView.count - 1) { planetButtonView.currentIndex++ } else { planetSizeSlider.forceActiveFocus() } } onSwipeLeft: { if (index <= planetButtonView.count / 2) { rotationSpeedSlider.forceActiveFocus() } else { planetSizeSlider.forceActiveFocus() } } Keys.onPressed: { if (event.key === Qt.Key_Select) { planetSelector.focusedPlanet = focusPlanet } } } } ListView { id: planetButtonView anchors.verticalCenter: parent.verticalCenter anchors.right: parent.right anchors.rightMargin: planetButtonSize / 2 height: childrenRect.height spacing: planetButtonSize / 6 width: planetButtonSize * 1.4 interactive: false model: planetModel delegate: planetButtonDelegate } InfoSheet { id: info width: 400 anchors.right: planetButtonView.left anchors.rightMargin: 40 opacity: 1 // Set initial information for Solar System planet: "Solar System" exampleDetails: "This example shows a 3D model of the Solar</p>" + "<p>System comprised of the Sun and the eight</p>" + "<p>planets orbiting the Sun.</p></br>" + "<p>The example is implemented using Qt3D.</p>" + "<p>The textures and images used in the example</p>" + "<p>are Copyright (c) by James Hastings-Trew,</p>" + "<a href=\"http://planetpixelemporium.com/planets.html\">" + "http://planetpixelemporium.com/planets.html</a>" } function updatePlanetInfo() { info.width = 200 if (focusedPlanet !== 100) { info.planet = planetModel.get(focusedPlanet).name info.radius = planetModel.get(focusedPlanet).radius info.temperature = planetModel.get(focusedPlanet).temperature info.orbitalPeriod = planetModel.get(focusedPlanet).orbitalPeriod info.distance = planetModel.get(focusedPlanet).distance } } Row { anchors.top: parent.top anchors.topMargin: 10 anchors.horizontalCenter: parent.horizontalCenter spacing: 10 scale: rotationSpeedSlider.activeFocus ? 1.4 : 1.0 opacity: rotationSpeedSlider.activeFocus ? 1.0 : 0.5 Behavior on scale { PropertyAnimation { duration: 200 } } Text { anchors.verticalCenter: parent.verticalCenter font.family: "Helvetica" font.pixelSize: textSize font.weight: Font.Light color: rotationSpeedSlider.panningEnabled ? "#80c342" : "#ffffff" text: "Rotation Speed" } StyledSlider { id: rotationSpeedSlider anchors.verticalCenter: parent.verticalCenter width: sliderLength value: 0.2 minimumValue: 0 maximumValue: 1 onValueChanged: solarsystem.changeSpeed(value) focus: Qt.platform.os === "tvos" ? true : false property bool panningEnabled: false signal swipeDown() signal swipeLeft() signal swipeRight() signal pannedHorizontally(real p) signal pannedVertically(real p) onSwipeDown: { planetSizeSlider.forceActiveFocus() } onSwipeLeft: { viewingDistanceSlider.forceActiveFocus() } onSwipeRight: { planetButtonView.currentIndex = 0 planetButtonView.forceActiveFocus() } onPannedHorizontally: { var step = (maximumValue - minimumValue) / 30 if (p > 0) { value += step } else { value -= step } } Keys.onPressed: { if (event.key === Qt.Key_Select) { panningEnabled = !panningEnabled } } } } Column { anchors.left: parent.left anchors.leftMargin: 30 anchors.verticalCenter: parent.verticalCenter spacing: 10 scale: viewingDistanceSlider.activeFocus ? 1.4 : 1.0 opacity: viewingDistanceSlider.activeFocus ? 1.0 : 0.5 Behavior on scale { PropertyAnimation { duration: 200 } } StyledSlider { id: viewingDistanceSlider anchors.horizontalCenter: parent.horizontalCenter orientation: Qt.Vertical height: sliderLength value: 1 minimumValue: 1 maximumValue: 2 onValueChanged: solarsystem.changeCameraDistance(value) property bool panningEnabled: false signal swipeUp() signal swipeDown() signal swipeRight() signal pannedHorizontally(real p) signal pannedVertically(real p) onSwipeUp: { rotationSpeedSlider.forceActiveFocus() } onSwipeDown: { planetSizeSlider.forceActiveFocus() } onSwipeRight: { planetButtonView.currentIndex = 0 planetButtonView.forceActiveFocus() } onPannedVertically: { var step = (maximumValue - minimumValue) / 30 if (p > 0) { value += step } else { value -= step } } Keys.onPressed: { if (event.key === Qt.Key_Select) { panningEnabled = !panningEnabled } } } Text { anchors.horizontalCenter: parent.horizontalCenter font.family: "Helvetica" font.pixelSize: textSize font.weight: Font.Light color: viewingDistanceSlider.panningEnabled ? "#80c342" : "#ffffff" text: "Viewing\nDistance" } } Row { anchors.bottom: parent.bottom anchors.bottomMargin: 10 anchors.horizontalCenter: parent.horizontalCenter spacing: 10 scale: planetSizeSlider.activeFocus ? 1.4 : 1.0 opacity: planetSizeSlider.activeFocus ? 1.0 : 0.5 Behavior on scale { PropertyAnimation { duration: 200 } } Text { anchors.verticalCenter: parent.verticalCenter font.family: "Helvetica" font.pixelSize: textSize font.weight: Font.Light color: planetSizeSlider.panningEnabled ? "#80c342" : "#ffffff" text: "Planet Size" } StyledSlider { id: planetSizeSlider anchors.verticalCenter: parent.verticalCenter width: sliderLength value: 1200 minimumValue: 1 maximumValue: 2000 onValueChanged: solarsystem.changeScale(value, false) property bool panningEnabled: false signal swipeUp() signal swipeLeft() signal swipeRight() signal pannedHorizontally(real p) signal pannedVertically(real p) onSwipeUp: { rotationSpeedSlider.forceActiveFocus() } onSwipeLeft: { viewingDistanceSlider.forceActiveFocus() } onSwipeRight: { planetButtonView.currentIndex = planetButtonView.count - 1 planetButtonView.forceActiveFocus() } onPannedHorizontally: { var step = (maximumValue - minimumValue) / 30 if (p > 0) { value += step } else { value -= step } } Keys.onPressed: { if (event.key === Qt.Key_Select) { panningEnabled = !panningEnabled } } } } // FPS display, initially hidden, clicking will show it FpsDisplay { id: fpsDisplay anchors.left: parent.left anchors.bottom: parent.bottom width: 32 height: 64 hidden: true } Timer { interval: 1000 repeat: true running: !fpsDisplay.hidden onTriggered: { fpsDisplay.fps = frames frames = 0 } onRunningChanged: frames = 0 } Loader { anchors.fill: parent source: Qt.platform.os === "tvos" ? "AppleTVInput.qml" : "" } }