Changeset e48ec78 in Klonkt for src/assets/js/mod/read.js

Timestamp:

08/24/2026 07:38:58 AM (2 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

7b03c35

Parents:

edd5ccc

Message:

Lezen op touch: het richten krijgt een vaste, instelbare duur

De re-aim liep op de lerp van de uitloop (0.09): boterzacht, maar met een
exponentiele staart van ruim een halve seconde. Robin wilde het korter,
sneller, snapperiger (24-8). Een vaste duur eindigt echt, op een instelbaar
moment, zoals iOS-paging: vlot weg, stevig landen.

SNAP_DUUR (0.22s) is de ene knop, met dezelfde easeOutQuart als de
desktop-snap. De beoordeling zat al op timeout 0 sinds edd5ccc; dit gaat
alleen over de beweging zelf.

MOD_V naar 59.

Co-Authored-By: Claude Fable 5 <noreply@…>

File:

• src/assets/js/mod/read.js (modified) (2 diffs)

src/assets/js/mod/read.js

@@ -466 +466 @@
   // exacte landingspunt van de uitloop.
   if (OP_TOUCH.matches) {
+    // Hoe lang het richten naar de lijn duurt, in seconden. De ene knop voor
+    // "snapperiger": 0.18 is direct, 0.3 is landen, 0.5 is zweven.
+    const SNAP_DUUR = 0.22;
     lenis.off('virtual-scroll', snap.onSnapDebounced);
     let raakTimer = null;
@@ -498 +501 @@
         });
         if (eerste < 0) return;            // niets meer voor je: vrij uitscrollen
-        // HET RICHTEN IS DE SNAP (Robins regel, 24-8): geen aparte animatie
-        // met een eigen duur, maar de lopende uitloop een nieuw doel geven,
-        // met DEZELFDE demping (syncTouchLerp) waarmee hij al onderweg is.
-        // Zo is er een doorlopende beweging die toevallig op de lijn eindigt,
-        // in plaats van een glijvlucht met halverwege een muur.
+        // HET RICHTEN IS DE SNAP (Robins regel, 24-8): de lopende uitloop
+        // krijgt het nieuwe doel, er komt geen tweede animatie overheen.
+        //
+        // MET EEN VASTE DUUR, niet met de lerp van de uitloop. Die lerp-vorm
+        // (0.09) is boterzacht maar heeft een exponentiele staart van ruim een
+        // halve seconde -- Robin wilde het korter en beslister (24-8). Een
+        // duur eindigt ECHT, op een instelbaar moment, zoals iOS-paging: vlot
+        // weg, stevig landen. Zelfde easing-familie als de desktop-snap.
+        // SNAP_DUUR is de enige knop: korter is snapperiger, langer is zachter.
         if (doel >= punten[eerste].value - vangZone()) {
-          lenis.scrollTo(punten[eerste].value, { lerp: 0.09, force: true, userData: { initiator: 'snap' } });
+          lenis.scrollTo(punten[eerste].value, {
+            duration: SNAP_DUUR,
+            easing: (t) => 1 - Math.pow(1 - t, 4),
+            force: true,
+            userData: { initiator: 'snap' },
+          });
         }
       }, 0);