Slide 3: der Rahmen um die Aufgabe wird duenner

Sechs Pixel waren plump -- er trug mehr Farbe als die Karte, auf die er zeigen
soll, und im Profilraster wurde daraus ein gelber Balken. Jetzt drei.

Vier Alternativen geprueft und gerendert: ganz weg, ein weicher Schein, eine
gelbe Kante links, ein duenner Ring. Jede zusaetzlich auf Feed-Breite (480 px)
heruntergerechnet, weil dort entschieden wird, ob eine Linie noch etwas sagt.
Duenner als drei haelt das nicht aus: bei 480 px sind drei Pixel noch gut
einer, darunter verschwindet die Linie.

Der duenne Ring gewinnt, weil er als einziger die Aufgabe des alten behaelt,
naemlich auf genau diese Karte zu zeigen. "Weg" nimmt der Slide ihren Zeiger,
Schein und Kante markieren einen Zustand statt hinzuweisen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-26 14:44:11 +02:00
1 parent 35c998b7e1
commit a884df4cda
2 files changed
+26 -11

No files matched your search

+13 -4
View File
@@ -245,16 +245,25 @@ wer sie noch einmal verkleinert, nimmt der Slide ihre eigene Aussage.
## 5c. Der ausbrechende Rahmen auf Slide 3
Aus den Slack-Beiträgen kommt noch ein zweites Mittel, das mehr trägt als die
bloße Anordnung: **ein dicker, runder Rahmen, der über die Fläche hinausragt
und auf genau eine Sache zeigt.** Bei Slack ist er violett und liegt über einem
Handy; hier ist er gelb und liegt über der Anhangkarte der Aufgabe. Die Marke
gibt den Ton vor, nicht das Vorbild.
bloße Anordnung: **ein runder Rahmen, der über die Fläche hinausragt und auf
genau eine Sache zeigt.** Bei Slack ist er violett und liegt über einem Handy;
hier ist er gelb und liegt über der Anhangkarte der Aufgabe. Die Marke gibt den
Ton vor, nicht das Vorbild.
Er sitzt dort, weil diese Karte den Satz der Slide trägt: aus der Nachricht
wird etwas mit Frist und Namen. Seitlich bricht er aus der Blase aus, oben und
unten bleibt er knapp — rundum gleich viel Luft schnitt den Satz darüber und
die Uhrzeit darunter mitten durch.
**Drei Pixel, nicht sechs.** Bei sechs war er plump: er trug mehr Farbe als die
Karte, auf die er zeigen soll, und im Profilraster wurde daraus ein gelber
Balken. Geprüft wurden vier Alternativen — ganz weg, ein weicher Schein, eine
gelbe Kante links, ein dünner Ring — jeweils gerendert und auf Feed-Breite
(480 px) heruntergerechnet, weil dort entschieden wird, ob eine Linie noch
etwas sagt. Dünner als drei hält das nicht aus: bei 480 px sind drei Pixel noch
gut einer, darunter verschwindet die Linie. Der dünne Ring gewinnt, weil er als
einziger die Aufgabe des alten behält, nämlich auf genau diese Karte zu zeigen.
Seine Lage kommt aus `blase()` selbst: die Funktion merkt sich, wo sie die
Anhangkarte gezeichnet hat. Die Rechnung ein zweites Mal zu führen hätte
geheißen, dass beide auseinanderlaufen, sobald sich an der Karte etwas ändert.
+13 -7
View File
@@ -3132,9 +3132,9 @@ if (location.search.indexOf("nur=anim") >= 0)
for (const m of VERLAUF.slice(2, 5)) {
inhalt += blase(0, y, W, m);
/* Der Rahmen um die Aufgabe. Die Machart ist aus den Slack-Beitraegen
geborgt: ein dicker, runder Rahmen, der ueber die Flaeche hinausragt
und auf genau eine Sache zeigt. Bei Slack ist er violett, hier gelb
-- die Marke gibt den Ton vor, nicht das Vorbild.
geborgt: ein runder Rahmen, der ueber die Flaeche hinausragt und auf
genau eine Sache zeigt. Bei Slack ist er violett, hier gelb -- die
Marke gibt den Ton vor, nicht das Vorbild.
Er sitzt um die Anhangkarte der Aufgabe, weil die den Satz der Slide
traegt: aus der Nachricht wird etwas mit Frist und Namen. Die Lage
@@ -3143,11 +3143,17 @@ if (location.search.indexOf("nur=anim") >= 0)
/* Seitlich bricht er aus, oben und unten bleibt er knapp: rundum
gleich viel Luft schnitt den Satz darueber und die Uhrzeit
darunter mitten durch. Der Ausbruch nach links und rechts ist
ohnehin der, den man sieht. */
const a = letzterAnhang, seit = 16, ob = 5, un = 8;
ohnehin der, den man sieht.
Drei Pixel, nicht sechs. Bei sechs war er plump: er trug mehr Farbe
als die Karte, die er zeigen soll, und im Profilraster wurde daraus
ein gelber Balken. Duenner als drei haelt die Verkleinerung auf
Feed-Breite nicht aus -- bei 480 px Darstellung sind drei Pixel
noch gut ein Pixel, darunter verschwindet die Linie. */
const a = letzterAnhang, seit = 14, ob = 4, un = 6;
rahmen = '<path d="' + rundRechteck(a.x - seit, a.y - ob, a.b + 2 * seit,
a.h + ob + un, 20) +
'" fill="none" stroke="#F1B729" stroke-width="6" stroke-linejoin="round"/>';
a.h + ob + un, 18) +
'" fill="none" stroke="#F1B729" stroke-width="3" stroke-linejoin="round"/>';
}
y += blaseHoehe(m, W) + 18;
}