/**************************************************************************** ** ** Copyright (C) 2019 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of Qt Creator. ** ** 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. ** ** GNU General Public License Usage ** Alternatively, this file may be used under the terms of the GNU ** General Public License version 3 as published by the Free Software ** Foundation with exceptions as appearing in the file LICENSE.GPL3-EXCEPT ** included in the packaging of this file. Please review the following ** information to ensure the GNU General Public License requirements will ** be met: https://www.gnu.org/licenses/gpl-3.0.html. ** ****************************************************************************/ import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick3D 1.0 import QtQuick.Controls 2.0 import QtGraphicalEffects 1.0 import MouseArea3D 1.0 Item { id: viewRoot width: 1024 height: 768 visible: true property Node activeScene: null property View3D editView: null property string sceneId property alias showEditLight: btnEditViewLight.toggled property alias usePerspective: btnPerspective.toggled property alias globalOrientation: btnLocalGlobal.toggled property alias contentItem: contentItem property Node selectedNode: null // This is non-null only in single selection case property var selectedNodes: [] // All selected nodes property var lightGizmos: [] property var cameraGizmos: [] property var selectionBoxes: [] property rect viewPortRect: Qt.rect(0, 0, 1000, 1000) property bool showButtons: false signal selectionChanged(var selectedNodes) signal commitObjectProperty(var object, var propName) signal changeObjectProperty(var object, var propName) onUsePerspectiveChanged: _generalHelper.storeToolState(sceneId, "usePerspective", usePerspective) onShowEditLightChanged: _generalHelper.storeToolState(sceneId,"showEditLight", showEditLight) onGlobalOrientationChanged: _generalHelper.storeToolState(sceneId, "globalOrientation", globalOrientation) onActiveSceneChanged: { if (editView) { // Destroy is async, so make sure we don't get any more updates for the old editView _generalHelper.enableItemUpdate(editView, false); editView.destroy(); } if (activeScene) { // importScene cannot be updated after initial set, so we need to reconstruct entire View3D var component = Qt.createComponent("SceneView3D.qml"); if (component.status === Component.Ready) { editView = component.createObject(viewRect, {"usePerspective": usePerspective, "showSceneLight": showEditLight, "importScene": activeScene, "cameraZoomFactor": cameraControl._zoomFactor, "z": 1}); editView.usePerspective = Qt.binding(function() {return usePerspective;}); editView.showSceneLight = Qt.binding(function() {return showEditLight;}); editView.cameraZoomFactor = Qt.binding(function() {return cameraControl._zoomFactor;}); selectionBoxes.length = 0; updateToolStates(_generalHelper.getToolStates(sceneId), true); } } } // Disables edit view update if scene doesn't match current activeScene. // If it matches, updates are enabled. function enableEditViewUpdate(scene) { if (editView) _generalHelper.enableItemUpdate(editView, (scene && scene === activeScene)); } function fitToView() { if (editView) { var targetNode = selectedNodes.length > 0 ? selectionBoxes[0].model : null; cameraControl.focusObject(targetNode, editView.camera.rotation, true); } } // If resetToDefault is true, tool states not specifically set to anything will be reset to // their default state. function updateToolStates(toolStates, resetToDefault) { if ("showEditLight" in toolStates) showEditLight = toolStates.showEditLight; else if (resetToDefault) showEditLight = false; if ("usePerspective" in toolStates) usePerspective = toolStates.usePerspective; else if (resetToDefault) usePerspective = false; if ("globalOrientation" in toolStates) globalOrientation = toolStates.globalOrientation; else if (resetToDefault) globalOrientation = false; var groupIndex; var group; var i; if ("groupSelect" in toolStates) { groupIndex = toolStates.groupSelect; group = toolbarButtons.buttonGroups["groupSelect"]; for (i = 0; i < group.length; ++i) group[i].selected = (i === groupIndex); _generalHelper.storeToolState(sceneId, "groupSelect", groupIndex) } else if (resetToDefault) { btnSelectItem.selected = true; btnSelectGroup.selected = false; } if ("groupTransform" in toolStates) { groupIndex = toolStates.groupTransform; group = toolbarButtons.buttonGroups["groupTransform"]; for (i = 0; i < group.length; ++i) group[i].selected = (i === groupIndex); _generalHelper.storeToolState(sceneId, "groupTransform", groupIndex) } else if (resetToDefault) { btnRotate.selected = false; btnScale.selected = false; btnMove.selected = true; } if ("editCamState" in toolStates) cameraControl.restoreCameraState(toolStates.editCamState); else if (resetToDefault) cameraControl.restoreDefaultState(); } function ensureSelectionBoxes(count) { var needMore = count - selectionBoxes.length if (needMore > 0) { var component = Qt.createComponent("SelectionBox.qml"); if (component.status === Component.Ready) { for (var i = 0; i < needMore; ++i) { var geometryName = _generalHelper.generateUniqueName("SelectionBoxGeometry"); var boxParent = null; if (editView) boxParent = editView.sceneHelpers; var box = component.createObject(boxParent, {"view3D": editView, "geometryName": geometryName}); selectionBoxes[selectionBoxes.length] = box; box.view3D = Qt.binding(function() {return editView;}); } } } } function selectObjects(objects) { // Create selection boxes as necessary. One more box than is actually needed is created, so // that we always have a previously created box to use for new selection. // This fixes an occasional visual glitch when creating a new box. ensureSelectionBoxes(objects.length + 1) var i; for (i = 0; i < objects.length; ++i) selectionBoxes[i].targetNode = objects[i]; for (i = objects.length; i < selectionBoxes.length; ++i) selectionBoxes[i].targetNode = null; selectedNodes = objects; if (objects.length === 0 || objects.length > 1) selectedNode = null; else selectedNode = objects[0]; } function handleObjectClicked(object, multi) { var theObject = object; if (btnSelectGroup.selected) { while (theObject && theObject !== activeScene && theObject.parent !== activeScene) theObject = theObject.parent; } // Object selection logic: // Regular click: Clear any multiselection, single-selects the clicked object // Ctrl-click: No objects selected: Act as single select // One or more objects selected: Multiselect // Null object always clears entire selection var newSelection = []; if (object !== null) { if (multi && selectedNodes.length > 0) { var deselect = false; for (var i = 0; i < selectedNodes.length; ++i) { // Multiselecting already selected object clears that object from selection if (selectedNodes[i] !== object) newSelection[newSelection.length] = selectedNodes[i]; else deselect = true; } if (!deselect) newSelection[newSelection.length] = object; } else { newSelection[0] = theObject; } } selectObjects(newSelection); selectionChanged(newSelection); } function addLightGizmo(scene, obj) { // Insert into first available gizmo for (var i = 0; i < lightGizmos.length; ++i) { if (!lightGizmos[i].targetNode) { lightGizmos[i].scene = scene; lightGizmos[i].targetNode = obj; return; } } // No free gizmos available, create a new one var component = Qt.createComponent("LightGizmo.qml"); if (component.status === Component.Ready) { var gizmo = component.createObject(overlayScene, {"view3D": overlayView, "targetNode": obj, "selectedNodes": selectedNodes, "scene": scene, "activeScene": activeScene}); lightGizmos[lightGizmos.length] = gizmo; gizmo.clicked.connect(handleObjectClicked); gizmo.selectedNodes = Qt.binding(function() {return selectedNodes;}); gizmo.activeScene = Qt.binding(function() {return activeScene;}); } } function addCameraGizmo(scene, obj) { // Insert into first available gizmo for (var i = 0; i < cameraGizmos.length; ++i) { if (!cameraGizmos[i].targetNode) { cameraGizmos[i].scene = scene; cameraGizmos[i].targetNode = obj; return; } } // No free gizmos available, create a new one var component = Qt.createComponent("CameraGizmo.qml"); if (component.status === Component.Ready) { var geometryName = _generalHelper.generateUniqueName("CameraGeometry"); var gizmo = component.createObject( overlayScene, {"view3D": overlayView, "targetNode": obj, "geometryName": geometryName, "viewPortRect": viewPortRect, "selectedNodes": selectedNodes, "scene": scene, "activeScene": activeScene}); cameraGizmos[cameraGizmos.length] = gizmo; gizmo.clicked.connect(handleObjectClicked); gizmo.viewPortRect = Qt.binding(function() {return viewPortRect;}); gizmo.selectedNodes = Qt.binding(function() {return selectedNodes;}); gizmo.activeScene = Qt.binding(function() {return activeScene;}); } } function releaseLightGizmo(obj) { for (var i = 0; i < lightGizmos.length; ++i) { if (lightGizmos[i].targetNode === obj) { lightGizmos[i].scene = null; lightGizmos[i].targetNode = null; return; } } } function releaseCameraGizmo(obj) { for (var i = 0; i < cameraGizmos.length; ++i) { if (cameraGizmos[i].targetNode === obj) { cameraGizmos[i].scene = null; cameraGizmos[i].targetNode = null; return; } } } function updateLightGizmoScene(scene, obj) { for (var i = 0; i < lightGizmos.length; ++i) { if (lightGizmos[i].targetNode === obj) { lightGizmos[i].scene = scene; return; } } } function updateCameraGizmoScene(scene, obj) { for (var i = 0; i < cameraGizmos.length; ++i) { if (cameraGizmos[i].targetNode === obj) { cameraGizmos[i].scene = scene; return; } } } // Work-around the fact that the projection matrix for the camera is not calculated until // the first frame is rendered, so any initial calls to mapFrom3DScene() will fail. Component.onCompleted: { selectObjects([]); _generalHelper.requestOverlayUpdate(); } onWidthChanged: _generalHelper.requestOverlayUpdate() onHeightChanged: _generalHelper.requestOverlayUpdate() Node { id: overlayScene PerspectiveCamera { id: overlayPerspectiveCamera clipFar: viewRoot.editView ? viewRoot.editView.perpectiveCamera.clipFar : 1000 clipNear: viewRoot.editView ? viewRoot.editView.perpectiveCamera.clipNear : 1 position: viewRoot.editView ? viewRoot.editView.perpectiveCamera.position : Qt.vector3d(0, 0, 0) rotation: viewRoot.editView ? viewRoot.editView.perpectiveCamera.rotation : Qt.vector3d(0, 0, 0) } OrthographicCamera { id: overlayOrthoCamera clipFar: viewRoot.editView ? viewRoot.editView.orthoCamera.clipFar : 1000 clipNear: viewRoot.editView ? viewRoot.editView.orthoCamera.clipNear : 1 position: viewRoot.editView ? viewRoot.editView.orthoCamera.position : Qt.vector3d(0, 0, 0) rotation: viewRoot.editView ? viewRoot.editView.orthoCamera.rotation : Qt.vector3d(0, 0, 0) scale: viewRoot.editView ? viewRoot.editView.orthoCamera.scale : Qt.vector3d(0, 0, 0) } MouseArea3D { id: gizmoDragHelper view3D: overlayView } MoveGizmo { id: moveGizmo scale: autoScale.getScale(Qt.vector3d(5, 5, 5)) highlightOnHover: true targetNode: viewRoot.selectedNode globalOrientation: viewRoot.globalOrientation visible: viewRoot.selectedNode && btnMove.selected view3D: overlayView dragHelper: gizmoDragHelper onPositionCommit: viewRoot.commitObjectProperty(viewRoot.selectedNode, "position") onPositionMove: viewRoot.changeObjectProperty(viewRoot.selectedNode, "position") } ScaleGizmo { id: scaleGizmo scale: autoScale.getScale(Qt.vector3d(5, 5, 5)) highlightOnHover: true targetNode: viewRoot.selectedNode visible: viewRoot.selectedNode && btnScale.selected view3D: overlayView dragHelper: gizmoDragHelper onScaleCommit: viewRoot.commitObjectProperty(viewRoot.selectedNode, "scale") onScaleChange: viewRoot.changeObjectProperty(viewRoot.selectedNode, "scale") } RotateGizmo { id: rotateGizmo scale: autoScale.getScale(Qt.vector3d(7, 7, 7)) highlightOnHover: true targetNode: viewRoot.selectedNode globalOrientation: viewRoot.globalOrientation visible: viewRoot.selectedNode && btnRotate.selected view3D: overlayView dragHelper: gizmoDragHelper onRotateCommit: viewRoot.commitObjectProperty(viewRoot.selectedNode, "rotation") onRotateChange: viewRoot.changeObjectProperty(viewRoot.selectedNode, "rotation") } AutoScaleHelper { id: autoScale view3D: overlayView position: moveGizmo.scenePosition orientation: moveGizmo.orientation } Line3D { id: pivotLine visible: viewRoot.selectedNode name: "3D Edit View Pivot Line" color: "#ddd600" function flipIfNeeded(vec) { if (!viewRoot.selectedNode || viewRoot.selectedNode.orientation === Node.LeftHanded) return vec; else return Qt.vector3d(vec.x, vec.y, -vec.z); } startPos: viewRoot.selectedNode ? flipIfNeeded(viewRoot.selectedNode.scenePosition) : Qt.vector3d(0, 0, 0) Connections { target: viewRoot onSelectedNodeChanged: { pivotLine.endPos = pivotLine.flipIfNeeded(gizmoDragHelper.pivotScenePosition( viewRoot.selectedNode)); } } Connections { target: viewRoot.selectedNode onSceneTransformChanged: { pivotLine.endPos = pivotLine.flipIfNeeded(gizmoDragHelper.pivotScenePosition( viewRoot.selectedNode)); } } Model { id: pivotCap source: "#Sphere" scale: autoScale.getScale(Qt.vector3d(0.03, 0.03, 0.03)) position: pivotLine.startPos materials: [ DefaultMaterial { id: lineMat lighting: DefaultMaterial.NoLighting cullingMode: Material.DisableCulling emissiveColor: pivotLine.color } ] } } } Item { id: contentItem anchors.fill: parent Rectangle { id: viewRect anchors.fill: parent focus: true gradient: Gradient { GradientStop { position: 1.0; color: "#222222" } GradientStop { position: 0.0; color: "#999999" } } MouseArea { anchors.fill: parent acceptedButtons: Qt.LeftButton onClicked: { if (viewRoot.editView) { var pickResult = viewRoot.editView.pick(mouse.x, mouse.y); handleObjectClicked(_generalHelper.resolvePick(pickResult.objectHit), mouse.modifiers & Qt.ControlModifier); if (!pickResult.objectHit) mouse.accepted = false; } } } DropArea { anchors.fill: parent } View3D { id: overlayView anchors.fill: parent camera: usePerspective ? overlayPerspectiveCamera : overlayOrthoCamera importScene: overlayScene z: 2 } Overlay2D { id: gizmoLabel targetNode: moveGizmo.visible ? moveGizmo : scaleGizmo targetView: overlayView visible: targetNode.dragging z: 3 Rectangle { color: "white" x: -width / 2 y: -height - 8 width: gizmoLabelText.width + 4 height: gizmoLabelText.height + 4 border.width: 1 Text { id: gizmoLabelText text: { var l = Qt.locale(); var targetProperty; if (viewRoot.selectedNode) { if (gizmoLabel.targetNode === moveGizmo) targetProperty = viewRoot.selectedNode.position; else targetProperty = viewRoot.selectedNode.scale; return qsTr("x:") + Number(targetProperty.x).toLocaleString(l, 'f', 1) + qsTr(" y:") + Number(targetProperty.y).toLocaleString(l, 'f', 1) + qsTr(" z:") + Number(targetProperty.z).toLocaleString(l, 'f', 1); } else { return ""; } } anchors.centerIn: parent } } } EditCameraController { id: cameraControl camera: viewRoot.editView ? viewRoot.editView.camera : null anchors.fill: parent view3d: viewRoot.editView sceneId: viewRoot.sceneId } } Rectangle { // toolbar id: toolbar color: "#9F000000" width: 35 height: toolbarButtons.height visible: viewRoot.showButtons Column { id: toolbarButtons anchors.horizontalCenter: parent.horizontalCenter spacing: 5 padding: 5 // Button groups must be defined in parent object of buttons property var buttonGroups: { "groupSelect": [btnSelectGroup, btnSelectItem], "groupTransform": [btnMove, btnRotate, btnScale] } ToolBarButton { id: btnSelectItem selected: true tooltip: qsTr("Select Item") shortcut: "Q" currentShortcut: selected ? "" : shortcut tool: "item_selection" buttonGroup: "groupSelect" sceneId: viewRoot.sceneId } ToolBarButton { id: btnSelectGroup tooltip: qsTr("Select Group") shortcut: "Q" currentShortcut: btnSelectItem.currentShortcut === shortcut ? "" : shortcut tool: "group_selection" buttonGroup: "groupSelect" sceneId: viewRoot.sceneId } Rectangle { // separator width: 25 height: 1 color: "#f1f1f1" anchors.horizontalCenter: parent.horizontalCenter } ToolBarButton { id: btnMove selected: true tooltip: qsTr("Move current selection") shortcut: "W" currentShortcut: shortcut tool: "move" buttonGroup: "groupTransform" sceneId: viewRoot.sceneId } ToolBarButton { id: btnRotate tooltip: qsTr("Rotate current selection") shortcut: "E" currentShortcut: shortcut tool: "rotate" buttonGroup: "groupTransform" sceneId: viewRoot.sceneId } ToolBarButton { id: btnScale tooltip: qsTr("Scale current selection") shortcut: "R" currentShortcut: shortcut tool: "scale" buttonGroup: "groupTransform" sceneId: viewRoot.sceneId } Rectangle { // separator width: 25 height: 1 color: "#f1f1f1" anchors.horizontalCenter: parent.horizontalCenter } ToolBarButton { id: btnFit tooltip: qsTr("Fit camera to current selection") shortcut: "F" currentShortcut: shortcut tool: "fit" togglable: false onSelectedChanged: { if (selected) viewRoot.fitToView(); } } } } AxisHelper { anchors.right: parent.right anchors.top: parent.top width: 100 height: width editCameraCtrl: cameraControl selectedNode : viewRoot.selectedNodes.length ? selectionBoxes[0].model : null } Rectangle { // top controls bar color: "#aa000000" width: 290 height: btnPerspective.height + 10 anchors.top: parent.top anchors.right: parent.right anchors.rightMargin: 100 visible: viewRoot.showButtons Row { padding: 5 anchors.fill: parent ToggleButton { id: btnPerspective width: 105 tooltip: qsTr("Toggle Perspective / Orthographic Projection") states: [{iconId: "ortho", text: qsTr("Orthographic")}, {iconId: "persp", text: qsTr("Perspective")}] } ToggleButton { id: btnLocalGlobal width: 65 tooltip: qsTr("Toggle Global / Local Orientation") states: [{iconId: "local", text: qsTr("Local")}, {iconId: "global", text: qsTr("Global")}] } ToggleButton { id: btnEditViewLight width: 110 toggleBackground: true tooltip: qsTr("Toggle Edit Light") states: [{iconId: "edit_light_off", text: qsTr("Edit Light Off")}, {iconId: "edit_light_on", text: qsTr("Edit Light On")}] } } } } }