Grosse Kacheln kippen jetzt weniger als kleine

Auf der Portfolio-Seite war die Bewegung zu stark. Der Grund liegt nicht am Winkel, sondern an der Groesse: Bei gleichem Winkel legt eine grosse Kachel an ihren Ecken viel mehr Weg zurueck als eine kleine. Eine Preiskachel auf der Startseite ist 282 Punkte lang, eine Portfolio-Kachel 1503. Fuenf Grad sehen bei der einen beilaeufig aus und bei der anderen wie das Kippen des halben Bildschirms -- obwohl in beiden Faellen exakt derselbe Wert im Stilblatt steht. Der Winkel haengt jetzt an der Kachelgroesse. Bezugswert sind 420 Punkte: Kacheln bis dahin kippen voll, groessere anteilig weniger. Nach unten bei 1,4 Grad begrenzt, damit auch die groesste Kachel noch erkennbar reagiert und der Effekt nicht einfach ausfaellt. Gemessen ueber alle Seiten: index 282px Faktor 5,00 2,45 Grad ueber 588px Faktor 3,57 1,76 Grad portal 562px Faktor 3,74 1,83 Grad ablauf 1130px Faktor 1,86 1,19 Grad leistungen 1206px Faktor 1,74 1,14 Grad portfolio 1503px Faktor 1,40 0,92 Grad Der Durchlauf sammelt diese Werte jetzt und prueft das Verhaeltnis: Die grosse Kachel MUSS weniger kippen als die kleine, und der Faktor darf nie unter 1,4 fallen. Ein blosser Test auf "hoechstens neun Grad" haette den Unterschied nicht bemerkt -- beide Faelle lagen ja deutlich darunter, und trotzdem war einer davon zu viel. Geprueft: 298 Pruefungen gruen (Bewegung 34, Portfolio 19, Verwaltung 62, CRYONOVA 53, Blickfang 13, System 5, Abmelden 16, Abbruch 42, Angebot 54). Co-Authored-By: Claude Opus 5 <[email protected]>
2026-08-25 13:11:53 +02:00
parent 52f5d31199
commit 81c7d40274
6 changed files with 68 additions and 10 deletions
@@ -961,6 +961,22 @@
          var ny = ((letzte.y - r.top) / r.height - 0.5) * 2;
          k.style.setProperty("--wd-nx", nx.toFixed(3));
          k.style.setProperty("--wd-ny", ny.toFixed(3));
+
+          /* WIE STARK gekippt wird, haengt an der Groesse der Kachel.
+
+             Bei gleichem Winkel legt eine grosse Kachel an ihren Ecken
+             viel mehr Weg zurueck als eine kleine -- fuenf Grad sehen
+             bei einer Preiskachel von 280 Punkten beilaeufig aus und
+             bei einer Portfolio-Kachel von 1470 Punkten wie ein
+             Kippen des halben Bildschirms.
+
+             Deshalb ein fester Bezugswert von 420 Punkten: Kacheln bis
+             dahin kippen voll, groessere anteilig weniger. Nach unten
+             bei 1,4 Grad begrenzt, damit auch die groesste Kachel noch
+             erkennbar reagiert und der Effekt nicht einfach ausfaellt. */
+          var lang = Math.max(r.width, r.height);
+          var grad = Math.max(1.4, Math.min(5, 5 * (420 / lang)));
+          k.style.setProperty("--wd-kipp", grad.toFixed(2));
        }
      });
    }, { passive: true });