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:
1 parent
35c998b7e1
commit
a884df4cda
2 files changed
+26
-11
No files matched your search
+13
-7
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user