-
-
-
+
+
+
Room Dimensions
+
+
+
+
+
+
+
+ Width
+
+
+
+
+
+
+
+
+
+
+
+ Height
+
+
+
+
+
+
+
+
+
+
+
+ Depth
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Room Positions
+
+
+
+
+
+
+
+
+ X (Listener)
+
+
+
+
+
+
+
+
+
+
+
+ Y (Listener)
+
+
+
+
+
+
+
+
+
+
+
+ Z (Listener)
+
+
+
+
+
+
+
+
+
+
+
+ X (Audio Source)
+
+
+
+
+
+
+
+
+
+
+
+ Y (Audio Source)
+
+
+
+
+
+
+
+
+
+
+
+ Z (Audio Source)
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -144,6 +256,9 @@
app: this.$root,
room_dimensions: null,
room_materials: null,
+ listener_position: null,
+ audio_position: null,
+ roomEditType: "dimensions",
roomProps: [
'transparent',
'acoustic-ceiling-tiles',
@@ -177,18 +292,42 @@
mounted() {
this.room_dimensions = JSON.parse(JSON.stringify(this.$root.cfg.audio.spatial_properties.room_dimensions))
this.room_materials = JSON.parse(JSON.stringify(this.$root.cfg.audio.spatial_properties.room_materials))
+ this.audio_position = JSON.parse(JSON.stringify(this.$root.cfg.audio.spatial_properties.audio_position))
+ this.listener_position = JSON.parse(JSON.stringify(this.$root.cfg.audio.spatial_properties.listener_position))
if(typeof this.app.mk.nowPlayingItem != "undefined") {
this.setRoom()
}
this.ready = true
},
methods: {
+ listenerStyle() {
+ let style = {
+ transform: `rotateX(60deg) rotateZ(-45deg) translateX(${this.listener_position[0]}px) translateY(${this.listener_position[2]}px) translateZ(${100 + +this.listener_position[1]}px)`
+ }
+ return style
+ },
+ audioSourceStyle() {
+ let style = {
+ transform: `rotateX(60deg) rotateZ(-45deg) translateX(${this.audio_position[0]}px) translateY(${this.audio_position[2]}px) translateZ(${100 + +this.audio_position[1]}px)`
+ }
+ return style
+ },
topFaceStyle() {
let style = {
transform: `rotateX(60deg) rotateZ(-45deg) translateZ(${this.room_dimensions.height * this.visualMultiplier}px)`
}
return style
},
+ objectContainerStyle() {
+ let scale = 1
+ if(this.room_dimensions.width * this.visualMultiplier > 300) {
+ scale = 300 / (this.room_dimensions.width * this.visualMultiplier)
+ }
+ let style = {
+ transform: `scale(${scale})`
+ }
+ return style
+ },
faceStyle() {
let style = {
width: `${this.room_dimensions.width * this.visualMultiplier}px`,
@@ -199,10 +338,14 @@
close() {
this.$root.cfg.audio.spatial_properties.room_dimensions = this.room_dimensions
this.$root.cfg.audio.spatial_properties.room_materials = this.room_materials
+ this.$root.cfg.audio.spatial_properties.audio_position = this.audio_position
+ this.$root.cfg.audio.spatial_properties.listener_position = this.listener_position
app.resetState()
},
setRoom() {
window.CiderAudio.audioNodes.spatialNode.setRoomProperties(this.room_dimensions, this.room_materials);
+ CiderAudio.audioNodes.spatialInput.setPosition(...this.audio_position)
+ CiderAudio.audioNodes.spatialNode.setListenerPosition(...this.listener_position)
if(!this.app.cfg.audio.normalization) {
window.CiderAudio.audioNodes.gainNode.gain.value = app.cfg.audio.spatial_properties.gain
}