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>

restricted/skoda.php

@@ -108,6 +108,14 @@
                            120 Grad versetzt ein. -->
                       <path id="klimaFluegel"
                             d="M0 0 C 1.5 -4, 5 -7, 7.5 -5 C 9.6 -3.2, 5.5 -0.8, 0 0 Z"/>
+
+                      <!-- Ein Zipfel einer Bananenschale, von oben gesehen und
+                           um den eigenen Ansatz im Ursprung gezeichnet. Die
+                           Schale setzt ihn dreimal um je 120 Grad versetzt
+                           ein - wie das Lüfterrad, nur krummer. -->
+                      <path id="bananenZipfel"
+                            d="M0 0 C 1 -3.2, 4.5 -6.5, 7.5 -5.2
+                               C 9.5 -4.2, 8 -1.2, 3.5 0.6 Z"/>
                     </defs>
 
                     <!-- Die Straße, über die der Wagen fährt. Ganz zuerst
@@ -146,6 +154,23 @@
                       <line class="begrenzung" x1="230" y1="-8" x2="230" y2="508"/>
                     </g>
 
+                    <!-- Ostergruß: ganz selten liegt eine Bananenschale auf
+                         der Fahrbahn, und der Wagen kommt kurz ins Schleudern.
+                         Ausgelöst wird das in js/solar/skodaMQTT.js, gezeichnet
+                         wird es hier.
+
+                         Sie liegt zwischen Straße und Fahrzeug im Markup, wird
+                         also von der Karosserie verdeckt, sobald der Wagen
+                         darüberrollt - so, wie es sich gehört. -->
+                    <g class="bananenschale" aria-hidden="true">
+                      <g class="schale" transform="translate(95 0) scale(1.4)">
+                        <use href="#bananenZipfel"/>
+                        <use href="#bananenZipfel" transform="rotate(120)"/>
+                        <use href="#bananenZipfel" transform="rotate(240)"/>
+                        <circle class="strunk" r="1.6"/>
+                      </g>
+                    </g>
+
                     <!-- Fahrtwind: zeigt an, dass das Fahrzeug gerade rollt.
                          Die Streifen laufen von vorn nach hinten, also im Bild
                          von oben nach unten - das Auto zeigt nach oben.
@@ -172,6 +197,11 @@
                       <line class="boe b6" x1="224" y1="-120" x2="224" y2="-70"/>
                     </g>
 
+                    <!-- Alles ab hier ist das Fahrzeug selbst, zusammengefasst
+                         in einer Gruppe: nur so kann es als Ganzes schleudern,
+                         ohne die Straße mitzudrehen. -->
+                    <g id="wagen">
+
                     <!-- Räder. Vorderachse bei 860 mm, Hinterachse bei 3625 mm
                          ab Bugspitze - der Radstand von 2765 mm maßstäblich. -->
                     <g class="rad">
@@ -423,6 +453,8 @@
                       <title>Klima und Lüftung steuern</title>
                     </g>
 
+                    </g><!-- /#wagen -->
+
                     <!-- Der Teil des Fahrtwinds, der über das Fahrzeug zieht.
                          Eigene Gruppe am Ende des Bildes, weil die Reihenfolge
                          im Markup die Malreihenfolge ist - weiter oben lägen