Ostergruss: eine Bananenschale auf der Fahrbahn

Ganz selten liegt waehrend der Fahrt eine Bananenschale auf der Strasse, und
der Wagen kommt kurz ins Schleudern - erst bricht er nach rechts aus, dann
faengt ihn das Gegenlenken, dann trudelt er aus.

Der Vorlauf der zweiten Bewegung ist gerechnet, nicht geschaetzt: die Schale
startet 40 Einheiten ueber dem Bild, die Vorderachse liegt bei 97, macht 137
Einheiten - bei 437 Einheiten je Sekunde sind das 0,31 s. Genau dann setzt
das Schleudern ein.

Damit das Fahrzeug sich drehen kann, ohne die Strasse mitzunehmen, liegt es
jetzt in einer eigenen Gruppe (#wagen); die Schale sitzt im Markup davor und
verschwindet unter der Karosserie, sobald der Wagen darueberrollt.

Ausgeloest wird alle 20 Sekunden mit zwei Prozent Wahrscheinlichkeit und nur
waehrend der Fahrt - im Mittel einmal in gut sechzehn Minuten. Selten genug,
dass man es nicht erwartet; haeufig genug, dass es irgendwann jemand sieht.
Wer Bewegungen abbestellt hat, bekommt den Gruss gar nicht erst: ein
schleuderndes Auto ist genau das, was damit gemeint ist. Haelt der Wagen
mitten im Ausrutscher an, wird die Schale eingesammelt.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

js/solar/skodaMQTT.js

@@ -547,6 +547,35 @@ function zeichneAbzeichen(w) {
   }
 }
 
+/* ------------------------------------------------------------ Ostergruß */
+
+/*
+ * Ganz selten liegt eine Bananenschale auf der Fahrbahn.
+ *
+ * Geprüft wird alle 20 Sekunden, und nur während der Fahrt; die Chance liegt
+ * bei zwei Prozent. Das ist im Mittel einmal in gut sechzehn Minuten Fahrt -
+ * selten genug, dass man es kaum erwartet, und häufig genug, dass es
+ * irgendwann jemand sieht.
+ *
+ * Der Auftritt dauert anderthalb Sekunden, danach fällt die Klasse wieder ab.
+ * Wer Bewegungen abbestellt hat, bekommt ihn gar nicht erst - ein
+ * schleuderndes Auto ist genau das, was damit gemeint ist.
+ */
+const BANANE_TAKT = 20000;
+const BANANE_CHANCE = 0.02;
+const BANANE_DAUER = 1600;
+
+function bananeVielleicht() {
+  const bild = $("skodaAuto");
+  if (!bild || !bild.classList.contains("faehrt")) return;
+  if (bild.classList.contains("banane")) return;          // läuft schon
+  if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+  if (Math.random() >= BANANE_CHANCE) return;
+
+  bild.classList.add("banane");
+  setTimeout(function () { bild.classList.remove("banane"); }, BANANE_DAUER);
+}
+
 /**
  * Fahrt anzeigen: Fahrtwind am Fahrzeug, Abzeichen im Kopf der Kachel.
  *
@@ -559,6 +588,9 @@ function zeichneFahrt(w) {
   const bild = $("skodaAuto");
   if (bild) {
     bild.classList.toggle("faehrt", w.faehrt);
+    // Hält der Wagen mitten im Schleudern an, bleibt sonst eine Schale auf
+    // der Fahrbahn liegen, die niemand mehr überfährt.
+    if (!w.faehrt) bild.classList.remove("banane");
   }
   const abzeichen = $("skodaUnterwegs");
   if (abzeichen) {
@@ -1496,6 +1528,7 @@ document.addEventListener("readystatechange", function () {
     ladeLadungen(); ladeKurve(); ladeFahrten(); ladeStrecke();
   }, 300000);
   setInterval(ladeGesundheit, 900000);
+  setInterval(bananeVielleicht, BANANE_TAKT);
 
   // Leaflet rechnet die Kachelanordnung selbst neu, sobald es erfährt, dass
   // sein Container eine andere Größe hat.