mirror of
https://github.com/lubosz/overte.git
synced 2025-04-29 20:43:12 +02:00
add resources
This commit is contained in:
luiscuenca
parent
b481a6060e
commit
5bf8367126
2 changed files with 278 additions and 0 deletions
268
interface/resources/qml/AudioScope.qml
Normal file
268
interface/resources/qml/AudioScope.qml
Normal file
|
|
@ -0,0 +1,268 @@
|
||||||
|
//
|
||||||
|
// AudioScope.qml
|
||||||
|
//
|
||||||
|
// Created by Luis Cuenca on 11/22/2017
|
||||||
|
// Copyright 2017 High Fidelity, Inc.
|
||||||
|
//
|
||||||
|
// Distributed under the Apache License, Version 2.0.
|
||||||
|
// See the accompanying file LICENSE or https://www.apache.org/licenses/LICENSE-2.0.html
|
||||||
|
//
|
||||||
|
import QtQuick 2.5
|
||||||
|
import QtQuick.Controls 1.4
|
||||||
|
import "styles-uit"
|
||||||
|
import "controls-uit" as HifiControlsUit
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: root
|
||||||
|
width: parent.width
|
||||||
|
height: parent.height
|
||||||
|
|
||||||
|
property var _scopedata
|
||||||
|
property var _triggerdata
|
||||||
|
property var _triggerValues
|
||||||
|
property var _triggered
|
||||||
|
property var _steps
|
||||||
|
|
||||||
|
Component.onCompleted: {
|
||||||
|
// createValues();
|
||||||
|
_triggerValues = { x: width/2, y: height/3 }
|
||||||
|
_triggered = false
|
||||||
|
_steps = 5
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function pullFreshValues() {
|
||||||
|
if (!AudioScope.getPause()){
|
||||||
|
_scopedata = AudioScope.scopeInput
|
||||||
|
if (AudioScope.getTriggered()) {
|
||||||
|
_triggered = true
|
||||||
|
_triggerdata = AudioScope.triggerInput
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mycanvas.requestPaint()
|
||||||
|
}
|
||||||
|
|
||||||
|
Timer {
|
||||||
|
interval: 10; running: true; repeat: true
|
||||||
|
onTriggered: pullFreshValues()
|
||||||
|
}
|
||||||
|
|
||||||
|
Canvas {
|
||||||
|
id: mycanvas
|
||||||
|
anchors.fill:parent
|
||||||
|
|
||||||
|
onPaint: {
|
||||||
|
var lineHeight = 12;
|
||||||
|
|
||||||
|
function displayTrigger(ctx) {
|
||||||
|
var size = 3;
|
||||||
|
ctx.lineWidth="3";
|
||||||
|
ctx.strokeStyle="#EFB400";
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(_triggerValues.x - (size + 2), _triggerValues.y);
|
||||||
|
ctx.lineTo(_triggerValues.x - 2, _triggerValues.y);
|
||||||
|
ctx.moveTo(_triggerValues.x + 2, _triggerValues.y);
|
||||||
|
ctx.lineTo(_triggerValues.x + (size + 2), _triggerValues.y);
|
||||||
|
|
||||||
|
ctx.moveTo(_triggerValues.x, _triggerValues.y - (size + 2));
|
||||||
|
ctx.lineTo(_triggerValues.x, _triggerValues.y - 2);
|
||||||
|
ctx.moveTo(_triggerValues.x, _triggerValues.y + 2);
|
||||||
|
ctx.lineTo(_triggerValues.x, _triggerValues.y + (size + 2));
|
||||||
|
|
||||||
|
ctx.stroke();
|
||||||
|
}
|
||||||
|
|
||||||
|
function displayBackground(ctx, datawidth, steps, color) {
|
||||||
|
ctx.fillStyle = Qt.rgba(0, 0, 0, 1);
|
||||||
|
ctx.fillRect(0, 0, width, height);
|
||||||
|
|
||||||
|
ctx.strokeStyle= color;
|
||||||
|
ctx.lineWidth="1";
|
||||||
|
|
||||||
|
ctx.moveTo(0, height/2);
|
||||||
|
ctx.lineTo(datawidth, height/2);
|
||||||
|
|
||||||
|
var gap = datawidth/steps;
|
||||||
|
for (var i = 0; i < steps; i++) {
|
||||||
|
ctx.moveTo(i*gap + 1, 100);
|
||||||
|
ctx.lineTo(i*gap + 1, height-100);
|
||||||
|
}
|
||||||
|
ctx.moveTo(datawidth-1, 100);
|
||||||
|
ctx.lineTo(datawidth-1, height-100);
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawScope(ctx, data, width, color) {
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.strokeStyle = color; // Green path
|
||||||
|
ctx.lineWidth=width;
|
||||||
|
var x = 0;
|
||||||
|
for (var i = 0; i < data.length-1; i++) {
|
||||||
|
ctx.moveTo(x, data[i] + height/2);
|
||||||
|
ctx.lineTo(++x, data[i+1] + height/2);
|
||||||
|
}
|
||||||
|
ctx.stroke();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var ctx = getContext("2d");
|
||||||
|
|
||||||
|
displayBackground(ctx, _scopedata.length, _steps, "#555555");
|
||||||
|
|
||||||
|
drawScope(ctx, _scopedata, "2", "#00B4EF");
|
||||||
|
if (_triggered) {
|
||||||
|
drawScope(ctx, _triggerdata, "1", "#EF0000");
|
||||||
|
}
|
||||||
|
if (AudioScope.getAutoTrigger()) {
|
||||||
|
displayTrigger(ctx);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: hitbox
|
||||||
|
anchors.fill: mycanvas
|
||||||
|
hoverEnabled: true
|
||||||
|
onClicked: {
|
||||||
|
_triggerValues.x = mouseX
|
||||||
|
_triggerValues.y = mouseY
|
||||||
|
AudioScope.setTriggerValues(mouseX, mouseY-height/2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.CheckBox {
|
||||||
|
id: activated
|
||||||
|
boxSize: 20
|
||||||
|
anchors.top: parent.top;
|
||||||
|
anchors.left: parent.left;
|
||||||
|
anchors.topMargin: 20;
|
||||||
|
anchors.leftMargin: 20;
|
||||||
|
checked: AudioScope.getEnabled();
|
||||||
|
onCheckedChanged: {
|
||||||
|
AudioScope.setEnabled(checked);
|
||||||
|
activelabel.text = AudioScope.getEnabled() ? "On" : "Off"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.Label {
|
||||||
|
id: activelabel
|
||||||
|
text: AudioScope.getEnabled() ? "On" : "Off"
|
||||||
|
anchors.top: activated.top;
|
||||||
|
anchors.left: activated.right;
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.Button {
|
||||||
|
id: pauseButton;
|
||||||
|
color: hifi.buttons.black;
|
||||||
|
colorScheme: hifi.colorSchemes.dark;
|
||||||
|
anchors.right: parent.right;
|
||||||
|
anchors.bottom: parent.bottom;
|
||||||
|
anchors.rightMargin: 30;
|
||||||
|
anchors.bottomMargin: 8;
|
||||||
|
height: 26;
|
||||||
|
text: "Pause Scope";
|
||||||
|
onClicked: {
|
||||||
|
AudioScope.togglePause();
|
||||||
|
pauseButton.text = AudioScope.getPause() ? "Continue Scope" : "Pause Scope";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
HifiControlsUit.CheckBox {
|
||||||
|
id: twentyFrames
|
||||||
|
boxSize: 20
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter;
|
||||||
|
anchors.bottom: parent.bottom;
|
||||||
|
anchors.bottomMargin: 8;
|
||||||
|
onCheckedChanged: {
|
||||||
|
if (checked){
|
||||||
|
fiftyFrames.checked = false;
|
||||||
|
fiveFrames.checked = false;
|
||||||
|
AudioScope.selectAudioScopeTwentyFrames();
|
||||||
|
_steps = 20;
|
||||||
|
_triggered = false;
|
||||||
|
AudioScope.setTriggered(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
HifiControlsUit.Label {
|
||||||
|
text: "20 Frames";
|
||||||
|
anchors.horizontalCenter: twentyFrames.horizontalCenter;
|
||||||
|
anchors.bottom: twentyFrames.top;
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.CheckBox {
|
||||||
|
id: fiveFrames
|
||||||
|
boxSize: 20
|
||||||
|
anchors.bottom: twentyFrames.bottom;
|
||||||
|
anchors.right: twentyFrames.left;
|
||||||
|
anchors.rightMargin: 80;
|
||||||
|
checked: true;
|
||||||
|
onCheckedChanged: {
|
||||||
|
if (checked) {
|
||||||
|
fiftyFrames.checked = false;
|
||||||
|
twentyFrames.checked = false;
|
||||||
|
AudioScope.selectAudioScopeFiveFrames();
|
||||||
|
_steps = 5;
|
||||||
|
_triggered = false;
|
||||||
|
AudioScope.setTriggered(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.Label {
|
||||||
|
text: "5 Frames";
|
||||||
|
anchors.horizontalCenter: fiveFrames.horizontalCenter;
|
||||||
|
anchors.bottom: fiveFrames.top;
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.CheckBox {
|
||||||
|
id: fiftyFrames
|
||||||
|
boxSize: 20
|
||||||
|
anchors.bottom: twentyFrames.bottom;
|
||||||
|
anchors.left: twentyFrames.right;
|
||||||
|
anchors.leftMargin: 80;
|
||||||
|
onCheckedChanged: {
|
||||||
|
if (checked) {
|
||||||
|
twentyFrames.checked = false;
|
||||||
|
fiveFrames.checked = false;
|
||||||
|
AudioScope.selectAudioScopeFiftyFrames();
|
||||||
|
_steps = 50;
|
||||||
|
_triggered = false;
|
||||||
|
AudioScope.setTriggered(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.Label {
|
||||||
|
text: "50 Frames";
|
||||||
|
anchors.horizontalCenter: fiftyFrames.horizontalCenter;
|
||||||
|
anchors.bottom: fiftyFrames.top;
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControlsUit.Switch {
|
||||||
|
id: triggerSwitch;
|
||||||
|
height: 26;
|
||||||
|
anchors.left: parent.left;
|
||||||
|
anchors.bottom: parent.bottom;
|
||||||
|
anchors.leftMargin: 75;
|
||||||
|
anchors.bottomMargin: 8;
|
||||||
|
labelTextOff: "Off";
|
||||||
|
labelTextOn: "On";
|
||||||
|
onCheckedChanged: {
|
||||||
|
if (!checked) AudioScope.setPause(false);
|
||||||
|
_triggered = false;
|
||||||
|
AudioScope.setTriggered(false);
|
||||||
|
AudioScope.setAutoTrigger(checked);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
HifiControlsUit.Label {
|
||||||
|
text: "Trigger";
|
||||||
|
anchors.left: triggerSwitch.left;
|
||||||
|
anchors.leftMargin: -15;
|
||||||
|
anchors.bottom: triggerSwitch.top;
|
||||||
|
}
|
||||||
|
}
|
||||||
10
scripts/developer/utilities/audio/audioScope.js
Normal file
10
scripts/developer/utilities/audio/audioScope.js
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
var qml = Script.resourcesPath() + '/qml/AudioScope.qml';
|
||||||
|
var viewdim = Controller.getViewportDimensions();
|
||||||
|
var window = new OverlayWindow({
|
||||||
|
title: 'Audio Scope',
|
||||||
|
source: qml,
|
||||||
|
width: 1200,
|
||||||
|
height: 500
|
||||||
|
});
|
||||||
|
//window.setPosition(0.1*viewdim, 0.2*viewdim);
|
||||||
|
window.closed.connect(function () { Script.stop(); });
|
||||||
Loading…
Reference in a new issue