<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Visualizer.qml Example File | Qt 3D 5.12.6</title> <link rel="stylesheet" type="text/css" href="style/offline-simple.css" /> <script type="text/javascript"> document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css"); // loading style sheet breaks anchors that were jumped to before // so force jumping to anchor again setTimeout(function() { var anchor = location.hash; // need to jump to different anchor first (e.g. none) location.hash = "#"; setTimeout(function() { location.hash = anchor; }, 0); }, 0); </script> </head> <body> <div class="header" id="qtdocheader"> <div class="main"> <div class="main-rounded"> <div class="navigationbar"> <table><tr> <td >Qt 5.12</td><td ><a href="qt3d-index.html">Qt 3D</a></td><td ><a href="qt3d-audio-visualizer-qml-example.html">Qt 3D: Audio Visualizer Example</a></td><td >Visualizer.qml Example File</td></tr></table><table class="buildversion"><tr> <td id="buildversion" width="100%" align="right"><a href="qt3d-index.html">Qt 5.12.6 Reference Documentation</a></td> </tr></table> </div> </div> <div class="content"> <div class="line"> <div class="content mainContent"> <div class="sidebar"><div class="sidebar-content" id="sidebar-content"></div></div> <h1 class="title">Visualizer.qml Example File</h1> <span class="subtitle">audio-visualizer-qml/Visualizer.qml</span> <!-- $$$audio-visualizer-qml/Visualizer.qml-description --> <div class="descr"> <a name="details"></a> <pre class="qml"> /**************************************************************************** ** ** Copyright (C) 2017 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 Qt3D.Core 2.0 import Qt3D.Render 2.0 import Qt3D.Extras 2.0 import QtQuick 2.2 as QQ2 Entity { id: sceneRoot property int barRotationTimeMs: 1 property int numberOfBars: 1 property string animationState: "stopped" property real titleStartAngle: 95 property real titleStopAngle: 5 onAnimationStateChanged: { if (animationState == "playing") { mediaPlayer.play() if (progressTransformAnimation.paused) progressTransformAnimation.resume() else progressTransformAnimation.start() } else if (animationState == "paused") { mediaPlayer.pause() if (progressTransformAnimation.running) progressTransformAnimation.pause() } else { mediaPlayer.stop() progressTransformAnimation.stop() progressTransform.progressAngle = progressTransform.defaultStartAngle } } QQ2.Item { id: stateItem state: animationState states: [ QQ2.State { name: "playing" QQ2.PropertyChanges { target: titlePrism titleAngle: titleStopAngle } }, QQ2.State { name: "paused" QQ2.PropertyChanges { target: titlePrism titleAngle: titleStopAngle } }, QQ2.State { name: "stopped" QQ2.PropertyChanges { target: titlePrism titleAngle: titleStartAngle } } ] transitions: QQ2.Transition { QQ2.NumberAnimation { property: "titleAngle" duration: 2000 running: false } } } function startVisualization() { progressTransformAnimation.duration = mediaPlayer.duration mainview.state = "playing" progressTransformAnimation.start() } Camera { id: camera projectionType: CameraLens.PerspectiveProjection fieldOfView: 45 aspectRatio: 1820 / 1080 nearPlane: 0.1 farPlane: 1000.0 position: Qt.vector3d(0.014, 0.956, 2.178) upVector: Qt.vector3d(0.0, 1.0, 0.0) viewCenter: Qt.vector3d(0.0, 0.7, 0.0) } Entity { components: [ DirectionalLight { intensity: 0.9 worldDirection: Qt.vector3d(0, 0.6, -1) } ] } RenderSettings { id: external_forward_renderer activeFrameGraph: ForwardRenderer { camera: camera clearColor: "transparent" } } components: [external_forward_renderer] // Bars CuboidMesh { id: barMesh xExtent: 0.1 yExtent: 0.1 zExtent: 0.1 } NodeInstantiator { id: collection property int maxCount: parent.numberOfBars model: maxCount delegate: BarEntity { id: cubicEntity entityMesh: barMesh rotationTimeMs: sceneRoot.barRotationTimeMs entityIndex: index entityCount: sceneRoot.numberOfBars entityAnimationsState: animationState magnitude: 0 } } // TitlePrism Entity { id: titlePrism property real titleAngle: titleStartAngle Entity { id: titlePlane PlaneMesh { id: titlePlaneMesh width: 550 height: 100 } Transform { id: titlePlaneTransform scale: 0.003 translation: Qt.vector3d(0, 0.11, 0) } NormalDiffuseMapAlphaMaterial { id: titlePlaneMaterial diffuse: TextureLoader { source: "qrc:/images/demotitle.png" } normal: TextureLoader { source: "qrc:/images/normalmap.png" } shininess: 1.0 } components: [titlePlaneMesh, titlePlaneMaterial, titlePlaneTransform] } // Song title Entity { id: songTitlePlane PlaneMesh { id: songPlaneMesh width: 550 height: 100 } Transform { id: songPlaneTransform scale: 0.003 rotationX: 90 translation: Qt.vector3d(0, -0.03, 0.13) } property Material songPlaneMaterial: NormalDiffuseMapAlphaMaterial { diffuse: TextureLoader { source: "qrc:/images/songtitle.png" } normal: TextureLoader { source: "qrc:/images/normalmap.png" } shininess: 1.0 } components: [songPlaneMesh, songPlaneMaterial, songPlaneTransform] } property Transform titlePrismPlaneTransform: Transform { matrix: { var m = Qt.matrix4x4() m.translate(Qt.vector3d(-0.5, 1.3, -0.4)) m.rotate(titlePrism.titleAngle, Qt.vector3d(1, 0, 0)) return m; } } components: [titlePlane, songTitlePlane, titlePrismPlaneTransform] } // Circle to create the reflection effect Mesh { id: circleMesh source: "qrc:/meshes/circle.obj" } Entity { id: circleEntity property Material circleMaterial: PhongAlphaMaterial { alpha: 0.4 ambient: "black" diffuse: "black" specular: "black" shininess: 10000 } components: [circleMesh, circleMaterial] } // Progress Mesh { id: progressMesh source: "qrc:/meshes/progressbar.obj" } Transform { id: progressTransform property real defaultStartAngle: -90 property real progressAngle: defaultStartAngle rotationY: progressAngle } Entity { property Material progressMaterial: PhongMaterial { ambient: "#80C342" diffuse: "black" } components: [progressMesh, progressMaterial, progressTransform] } QQ2.NumberAnimation { id: progressTransformAnimation target: progressTransform property: "progressAngle" duration: 0 running: false from: progressTransform.defaultStartAngle to: -270 onStopped: if (animationState != "stopped") animationState = "stopped" } } </pre> </div> <!-- @@@audio-visualizer-qml/Visualizer.qml --> </div> </div> </div> </div> </div> <div class="footer"> <p> <acronym title="Copyright">©</acronym> 2019 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners.<br/> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br/> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners. </p> </div> </body> </html>