AudioViz: mirrored bars

This commit is contained in:
quadbyte 2025-08-18 21:57:44 -04:00
parent 7d2534644d
commit 5d019d1eac
5 changed files with 74 additions and 59 deletions

View file

@ -0,0 +1,42 @@
import QtQuick
import qs.Commons
Item {
id: root
property color fillColor: Color.mPrimary
property color strokeColor: Color.mOnSurface
property int strokeWidth: 0
property var values: []
// Pre-compute mirroring
readonly property int valuesCount: values.length
readonly property int totalBars: valuesCount * 2
readonly property real barSlotWidth: totalBars > 0 ? width / totalBars : 0
readonly property real centerY: height / 2
Repeater {
model: root.totalBars
Rectangle {
// The first half of bars are a mirror image (reversed values array).
// The second half of bars are in normal order.
property int valueIndex: index < root.valuesCount ? root.valuesCount - 1 - index // Mirrored half
: index - root.valuesCount // Normal half
property real amp: root.values[valueIndex]
property real barHeight: root.height * amp
color: root.fillColor
border.color: root.strokeColor
border.width: root.strokeWidth
antialiasing: true
width: root.barSlotWidth * 0.8 // Creates a small gap between bars
height: Math.max(1, barHeight)
x: index * root.barSlotWidth
y: root.centerY - (barHeight / 2)
}
}
}