adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

little tweaks

Browse Source
This commit is contained in:
Adrien MALINGREY 2025-04-10 00:52:43 +02:00
parent 022512a5e6
commit 25a98bf42d
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/binaural.css
View File

@ -1,8 +1,8 @@
.container-fluid { #sceneDiv {
perspective: 500px; perspective: 500px;
} }
.container-fluid * { #sceneDiv * {
transform-style: preserve-3d; transform-style: preserve-3d;
} }

2
index.html
View File

@ -86,7 +86,7 @@
</div> </div>
</div> </div>
<div class="container-fluid d-flex vh-100 justify-content-center d-flex align-items-center"> <div id="sceneDiv" class="container-fluid d-flex vh-100 justify-content-center d-flex align-items-center">
<div id="screenRow" class="row row-cols-auto align-items-start gap-2"> <div id="screenRow" class="row row-cols-auto align-items-start gap-2">
<div class="col d-flex flex-column align-items-end"> <div class="col d-flex flex-column align-items-end">

8
js/app.js
View File

@ -268,7 +268,7 @@ let rY0 = 0
let clientX0 = 0 let clientX0 = 0
let clientY0 = 0 let clientY0 = 0
screenRow.onmousedown = function(event) { document.onmousedown = function(event) {
mousedown = true mousedown = true
rX0 = parseInt(getComputedStyle(screenRow).getPropertyValue("--rX")) rX0 = parseInt(getComputedStyle(screenRow).getPropertyValue("--rX"))
dy0 = parseInt(getComputedStyle(screenRow).getPropertyValue("--rY")) dy0 = parseInt(getComputedStyle(screenRow).getPropertyValue("--rY"))
@ -276,7 +276,7 @@ screenRow.onmousedown = function(event) {
clientY0 = event.clientY clientY0 = event.clientY
} }
screenRow.onmousemove = function(event) { document.onmousemove = function(event) {
if (mousedown) { if (mousedown) {
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
@ -301,11 +301,11 @@ screenRow.onmousemove = function(event) {
} }
} }
screenRow.onmouseup = screenRow.onmouseleave = function(event) { document.onmouseup = document.onmouseleave = function(event) {
mousedown = false mousedown = false
} }
screenRow.onwheel = function(event) { document.onwheel = function(event) {
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
let tZ = parseInt(getComputedStyle(screenRow).getPropertyValue("--tZ")) let tZ = parseInt(getComputedStyle(screenRow).getPropertyValue("--tZ"))