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 ## 5c. Der ausbrechende Rahmen auf Slide 3
Aus den Slack-Beiträgen kommt noch ein zweites Mittel, das mehr trägt als die 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 bloße Anordnung: **ein runder Rahmen, der über die Fläche hinausragt und auf
und auf genau eine Sache zeigt.** Bei Slack ist er violett und liegt über einem genau eine Sache zeigt.** Bei Slack ist er violett und liegt über einem Handy;
Handy; hier ist er gelb und liegt über der Anhangkarte der Aufgabe. Die Marke hier ist er gelb und liegt über der Anhangkarte der Aufgabe. Die Marke gibt den
gibt den Ton vor, nicht das Vorbild. Ton vor, nicht das Vorbild.
Er sitzt dort, weil diese Karte den Satz der Slide trägt: aus der Nachricht 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 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 unten bleibt er knapp — rundum gleich viel Luft schnitt den Satz darüber und
die Uhrzeit darunter mitten durch. 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 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 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. 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)) { for (const m of VERLAUF.slice(2, 5)) {
inhalt += blase(0, y, W, m); inhalt += blase(0, y, W, m);
/* Der Rahmen um die Aufgabe. Die Machart ist aus den Slack-Beitraegen /* Der Rahmen um die Aufgabe. Die Machart ist aus den Slack-Beitraegen
geborgt: ein dicker, runder Rahmen, der ueber die Flaeche hinausragt geborgt: ein runder Rahmen, der ueber die Flaeche hinausragt und auf
und auf genau eine Sache zeigt. Bei Slack ist er violett, hier gelb genau eine Sache zeigt. Bei Slack ist er violett, hier gelb -- die
-- die Marke gibt den Ton vor, nicht das Vorbild. Marke gibt den Ton vor, nicht das Vorbild.
Er sitzt um die Anhangkarte der Aufgabe, weil die den Satz der Slide 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 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 /* Seitlich bricht er aus, oben und unten bleibt er knapp: rundum
gleich viel Luft schnitt den Satz darueber und die Uhrzeit gleich viel Luft schnitt den Satz darueber und die Uhrzeit
darunter mitten durch. Der Ausbruch nach links und rechts ist darunter mitten durch. Der Ausbruch nach links und rechts ist
ohnehin der, den man sieht. */ ohnehin der, den man sieht.
const a = letzterAnhang, seit = 16, ob = 5, un = 8;
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, rahmen = '<path d="' + rundRechteck(a.x - seit, a.y - ob, a.b + 2 * seit,
a.h + ob + un, 20) + a.h + ob + un, 18) +
'" fill="none" stroke="#F1B729" stroke-width="6" stroke-linejoin="round"/>'; '" fill="none" stroke="#F1B729" stroke-width="3" stroke-linejoin="round"/>';
} }
y += blaseHoehe(m, W) + 18; y += blaseHoehe(m, W) + 18;
} }