mirror of
https://github.com/overte-org/overte.git
synced 2025-04-20 03:44:02 +02:00
Polishing the PerfPlot qml to display usefull things
This commit is contained in:
samcake
parent
add811e404
commit
0c8556528b
2 changed files with 139 additions and 50 deletions
130
examples/utilities/tools/render/PlotPerf.qml
Normal file
130
examples/utilities/tools/render/PlotPerf.qml
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
//
|
||||
// PlotPerf.qml
|
||||
// examples/utilities/tools/render
|
||||
//
|
||||
// Created by Sam Gateau on 3//2016
|
||||
// Copyright 2016 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
|
||||
|
||||
Item {
|
||||
id: root
|
||||
width: 400
|
||||
height: 100
|
||||
property var config
|
||||
property string parameters
|
||||
|
||||
property var trigger: config["numTextures"]
|
||||
|
||||
property var inputs: parameters.split(":")
|
||||
property var valueScale: +inputs[0]
|
||||
property var valueUnit: inputs[1]
|
||||
property var valueNumDigits: inputs[2]
|
||||
property var valueMax : 1
|
||||
|
||||
property var _values : new Array()
|
||||
property var tick : 0
|
||||
|
||||
function createValues() {
|
||||
if (inputs.length > 3) {
|
||||
for (var i = 3; i < inputs.length; i++) {
|
||||
var varProps = inputs[i].split("-")
|
||||
_values.push( {
|
||||
value: varProps[1],
|
||||
valueMax: 1,
|
||||
valueHistory: new Array(),
|
||||
label: varProps[0],
|
||||
color: varProps[2]
|
||||
})
|
||||
}
|
||||
}
|
||||
print("in creator" + JSON.stringify(_values));
|
||||
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
createValues();
|
||||
print(JSON.stringify(_values));
|
||||
|
||||
}
|
||||
|
||||
function pullFreshValues() {
|
||||
//print("pullFreshValues");
|
||||
var VALUE_HISTORY_SIZE = 100;
|
||||
var UPDATE_CANVAS_RATE = 20;
|
||||
tick++;
|
||||
|
||||
valueMax = 0
|
||||
for (var i = 0; i < _values.length; i++) {
|
||||
var currentVal = stats.config[_values[i].value];
|
||||
if (_values[i].valueMax < currentVal) {
|
||||
_values[i].valueMax = currentVal;
|
||||
}
|
||||
_values[i].valueHistory.push(currentVal)
|
||||
if (_values[i].valueHistory.length > VALUE_HISTORY_SIZE) {
|
||||
var lostValue = _values[i].valueHistory.shift();
|
||||
if (lostValue >= _values[i].valueMax) {
|
||||
_values[i].valueMax *= 0.99
|
||||
}
|
||||
}
|
||||
|
||||
if (valueMax < _values[i].valueMax) {
|
||||
valueMax = _values[i].valueMax
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (tick % UPDATE_CANVAS_RATE == 0) {
|
||||
mycanvas.requestPaint()
|
||||
}
|
||||
}
|
||||
onTriggerChanged: pullFreshValues()
|
||||
|
||||
Canvas {
|
||||
id: mycanvas
|
||||
width: 300
|
||||
height: 100
|
||||
onPaint: {
|
||||
function displayValue(val) {
|
||||
return (val / root.valueScale).toFixed(root.valueNumDigits) + " " + root.valueUnit
|
||||
}
|
||||
|
||||
function pixelFromVal(val) {
|
||||
return height * (1 - (0.9) * val / valueMax);
|
||||
}
|
||||
function plotValueHistory(ctx, valHistory, color) {
|
||||
var widthStep= width / (valHistory.length - 1);
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.strokeStyle= color; // Green path
|
||||
ctx.lineWidth="4";
|
||||
ctx.moveTo(0, pixelFromVal(valHistory[i]));
|
||||
|
||||
for (var i = 1; i < valHistory.length; i++) {
|
||||
ctx.lineTo(i * widthStep, pixelFromVal(valHistory[i]));
|
||||
}
|
||||
|
||||
ctx.stroke();
|
||||
}
|
||||
function plotValueLegend(ctx, val, num) {
|
||||
var lineHeight = 12;
|
||||
ctx.font="14px Verdana";
|
||||
ctx.fillStyle = val.color;
|
||||
ctx.fillText(displayValue(val.valueHistory[val.valueHistory.length -1]), 0, height - num * lineHeight);
|
||||
}
|
||||
var ctx = getContext("2d");
|
||||
ctx.clearRect(0, 0, width, height);
|
||||
ctx.fillStyle = Qt.rgba(0, 0, 0, 0.4);
|
||||
ctx.fillRect(0, 0, width, height);
|
||||
|
||||
for (var i = 0; i < _values.length; i++) {
|
||||
plotValueHistory(ctx, _values[i].valueHistory, _values[i].color)
|
||||
plotValueLegend(ctx, _values[i], i)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -15,59 +15,18 @@ import QtQuick.Controls 1.4
|
|||
Column {
|
||||
spacing: 8
|
||||
Column {
|
||||
spacing: 4
|
||||
|
||||
id: stats
|
||||
property var config: Render.getConfig("Stats")
|
||||
|
||||
Repeater {
|
||||
model: [
|
||||
"num Textures:numTextures:1",
|
||||
"Sysmem Usage:textureSysmemUsage",
|
||||
"num GPU Textures:numGPUTextures",
|
||||
"Vidmem Usage:textureVidmemUsage"
|
||||
]
|
||||
Row {
|
||||
Label {
|
||||
text: qsTr(modelData.split(":")[0])
|
||||
}
|
||||
property var value: stats.config[modelData.split(":")[1]]
|
||||
property var valueHistory : new Array()
|
||||
property var valueMax : 1000
|
||||
property var tick : 0
|
||||
Label {
|
||||
text: value
|
||||
horizontalAlignment: AlignRight
|
||||
}
|
||||
Canvas {
|
||||
id: mycanvas
|
||||
width: 100
|
||||
height: 200
|
||||
onPaint: {
|
||||
tick++;
|
||||
valueHistory.push(value)
|
||||
if (valueHistory.length > 100) {
|
||||
valueHistory.shift();
|
||||
}
|
||||
var ctx = getContext("2d");
|
||||
if (tick % 2) {
|
||||
ctx.fillStyle = Qt.rgba(0, 1, 0, 0.5);
|
||||
} else {
|
||||
ctx.fillStyle = Qt.rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
ctx.fillRect(0, 0, width, height);
|
||||
var widthStep= width / valueHistory.length;
|
||||
ctx.lineWidth="5";
|
||||
ctx.beginPath();
|
||||
ctx.strokeStyle="green"; // Green path
|
||||
ctx.moveTo(0,height);
|
||||
|
||||
for (var i = 0; i < valueHistory.length; i++) {
|
||||
ctx.lineTo(i * widthStep, height * (1 - valueHistory[i] / valueMax) );
|
||||
}
|
||||
ctx.lineTo(width, height);
|
||||
ctx.stroke(); // Draw it
|
||||
}
|
||||
}
|
||||
}
|
||||
PlotPerf {
|
||||
config: stats.config
|
||||
parameters: "1::0:num Textures-numTextures-blue:num GPU Textures-numGPUTextures-green"
|
||||
}
|
||||
PlotPerf {
|
||||
config: stats.config
|
||||
parameters: "1048576:Mb:1:Sysmem-textureSysmemUsage-blue:Vidmem-textureVidmemUsage-green"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue