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

less grab

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-01-15 16:15:51 +01:00
parent 3af40de841
commit 021d67b877
2 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/stereo.css
View File

@@ -119,11 +119,8 @@ tr.matrix td:not(.mino) {
.minoes-table .mino::before, .minoes-table .mino::before,
.minoes-table .mino + :not(.mino)::before, .minoes-table .mino + :not(.mino)::before,
.minoes-table .mino::after { .minoes-table .mino::after {
--highlight: hsla(60deg, 100%, 95%, 0.3);
--shadow: hsla(0deg, 0%, 0%, 0.15);
--light-x: calc(-0.5 - var(--rY) / 30 - var(--column) / 10 + 1); --light-x: calc(-0.5 - var(--rY) / 30 - var(--column) / 10 + 1);
--light-y: calc(-0.5 + var(--rX) / 20 - var(--row) / 6 + 4); --light-y: calc(-0.5 + var(--rX) / 20 - var(--row) / 6 + 4);
--light-z: 1;
--center-x: calc(35% + var(--light-x) * 10%); --center-x: calc(35% + var(--light-x) * 10%);
--center-y: calc(35% + var(--light-y) * 10%); --center-y: calc(35% + var(--light-y) * 10%);
--center-color: hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.1), var(--a)); --center-color: hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.1), var(--a));

4
js/app.js
View File

@@ -280,7 +280,7 @@ sceneDiv.onmousemove = function(event) {
if (mousedown) { if (mousedown) {
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
rX = (rX0 - event.clientY + clientY0) % 360 rX = (rX0 - 0.5 * (event.clientY - clientY0)) % 360
screenRow.style.setProperty("--rX", rX) screenRow.style.setProperty("--rX", rX)
if (rX >= 0) { if (rX >= 0) {
screenRow.classList.remove("top") screenRow.classList.remove("top")
@@ -289,7 +289,7 @@ sceneDiv.onmousemove = function(event) {
screenRow.classList.add("top") screenRow.classList.add("top")
screenRow.classList.remove("bottom") screenRow.classList.remove("bottom")
} }
rY = (rY0 + event.clientX - clientX0) % 360 rY = (rY0 + 0.5 * (event.clientX - clientX0)) % 360
screenRow.style.setProperty("--rY", rY) screenRow.style.setProperty("--rY", rY)
if (rY <= 0) { if (rY <= 0) {
screenRow.classList.remove("left") screenRow.classList.remove("left")