diff --git a/POST-6.md b/POST-6.md index 6db19de..c2c9cd4 100644 --- a/POST-6.md +++ b/POST-6.md @@ -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. diff --git a/post6.html b/post6.html index 00a3ea5..5a730a8 100644 --- a/post6.html +++ b/post6.html @@ -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 = ''; + a.h + ob + un, 18) + + '" fill="none" stroke="#F1B729" stroke-width="3" stroke-linejoin="round"/>'; } y += blaseHoehe(m, W) + 18; }