Reaction: Material statt Kaesten, Spende in der Mitte, Gaeste werden gefragt
Nach Filipes sieben Bildschirmfotos vom 07.10.2026. Sieben Wuensche,
und einer davon ("alles viel hochwertiger") betrifft alle anderen --
deshalb steht das Fundament zuerst und nicht am Ende.
DAS AUSSEHEN HAT EINEN WERKSTOFF. Jede Flaeche sagt jetzt, ob sie oben
oder unten liegt: Was obenauf liegt, bekommt oben eine helle Kante und
darunter einen Schatten; was vertieft ist, genau umgekehrt. Dazwischen
gibt es nichts mehr. Vorher stand im ganzen Pult zweimal eine
Lichtkante und sonst nirgends -- genau deshalb sahen diese zwei Stellen
gut aus und alles daneben danebengestellt. Dazu: jeder Knopf senkt sich
beim Druecken, jedes Feld ist ein Loch und kein Kasten, und wer mit der
Tastatur bedient, wird zum ersten Mal ueberhaupt gesehen.
UND EIN FUND DABEI: Die drei Kacheln des Regieplatzes hiessen in der
HTML anders als im Stilblatt (kachel--laeuft gegen regiekachel--laeuft,
regieregiekachel__kopf gegen regiekachel__kopf). Die Aufteilung "links
was laeuft, rechts was man eintraegt" hat damit NIE gegriffen -- und
mess-reaktion hat den falschen Zustand gemessen und gruen gemeldet,
weil sie gegen die HTML geschrieben war.
DIE SPENDENKARTE STEHT IN DER MITTE und kommt aus der Tiefe nach vorn.
Das dreht eine Entscheidung vom 28.09. um ("sie deckt nie die Mitte
zu"); die Begruendung war richtig und ist es noch -- sie schuetzt das
Video, und Filipe sieht die Spende als das, was in dem Augenblick
zaehlt. Der alte Platz bleibt einen Knopf weit weg und gilt fuer Saal
UND OBS-Tafel. Die Karte besteht dafuer aus zwei Teilen: `opacity`
unter 1 zwingt ein Element auf `transform-style: flat`, eine Karte mit
Deckkraft-Uebergang waere also genau waehrend des Hereinkommens flach
und spraenge am Ende in einem Bild in die Tiefe.
FERTIGE SAETZE GEHEN SOFORT INS BILD. Der Browser schickt nur die
Kennung, den Text holt der Server -- deshalb darf hier die Bestaetigung
entfallen und beim freien Text nicht. Zwei Schranken bleiben: sofort
nur mit einem der vier Knopfbetraege (Filipes Ansage galt dem SATZ,
nicht der Summe), und GEZEIGT IST NICHT GEBUCHT -- die Dogen gibt es
erst nach dem Tipp der Leitung, sonst stellt sich jeder seine eigene
Waehrung aus.
WER GESPENDET HAT, GLAENZT IM CHAT -- je nach Hoehe. Die Dauer haengt
an der Stufe und nicht an einer zweiten Leiter; 0 heisst "gar nicht".
GAESTE WERDEN GEFRAGT, NICHT GEHOLT. Vorher sprang die Kamera eines
Zuschauers an, sobald jemand "Dazuholen" drueckte -- er hat es daran
gemerkt, dass er sich selbst sah. Jetzt gibt es einen Vorraum: eigenes
Bild, Pegel, Kamera und Mikro vorwaehlen, Geraete waehlen, dann "Dabei
sein" oder "Lieber nicht". Zwei Minuten Frist, und sie verfaellt
SICHTBAR -- eine verschwundene Zeile sieht fuer den Host aus wie ein
Verklicker.
DAS MISCHPULT. Hier stand fest `echoCancellation: true,
noiseSuppression: true`. Fuer ein Laptopmikrofon richtig, ueber einem
RODECaster falsch: Das Pult hat Gate, Kompressor und EQ schon gemacht,
und die Echo-Unterdrueckung legt sich danach als zweite Automatik
darueber und duckt, sobald von der Gegenseite Ton kommt -- genau das
Pumpen vom 14.09. Jetzt: Geraetewahl fuer Mikro, Kamera und Ausgabe
(auch fuer Gaeste), ein Pultmodus, und darunter GEMESSEN, was wirklich
ankommt. Mit und ohne Pult.
DAS ZWEITE VIDEO war nie gesperrt -- es war nur unsichtbar. Jetzt
stehen Vorschaubild, Titel und die gemerkte Stelle da, "Jetzt wechseln"
auch von hier aus, und aus der Warteschlange legt ein Knopf eines
bereit.
UND EIN FUND AUF DEM BILDSCHIRMFOTO: Das Band "Ton einschalten" lag auf
derselben Hoehe wie die Senderleiste. Bei vier Knoepfen reichte die
Leiste bis zur Mitte -- vom Mikro-Knopf war nur noch ein "t" zu sehen.
Das war schon vorher so; der fuenfte Knopf hat es sichtbar gemacht.
Dieselbe Lehre wie am 06.09.: keine neue Zahl suchen, sondern die
Begegnung unmoeglich machen. mess-reaktion misst das jetzt als
UEBERLAPPUNG.
GEPRUEFT: pruef-reaktion 423 -> 478 (0 Fehler), pruef-spenden 172 -> 215
(0), pruef-reaktion-schmal 44 (0), pruef-tippziele 13 (0), dazu gruen:
pruef-css-klassen, pruef-alle-wege, pruef-haus-trennung, pruef-agentur,
pruef-deutsche-texte. Keine Zahl ist gefallen.
Drei Doppelungen hat erst das Pruefen gefunden: `satz_unbekannt` gab es
zweimal (Muenzsatz), `saetze` im Spendenstand war belegt (ebenfalls
Muenzsaetze), und `glanz_minuten` waere in einem frischen Haus immer 0
geblieben -- die Spalte kam per ALTER TABLE, und das laeuft VOR dem
Anlegen der Werksstufen.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -325,6 +325,33 @@
|
||||
sendest_nicht:
|
||||
'Kamera und Mikro schaltet nur, wer gerade sendet – '
|
||||
+ 'der Host oder ein Gast auf der Bühne.',
|
||||
/* ---- Die Einladung (08.10.2026) ---- */
|
||||
keine_einladung:
|
||||
'Für dich liegt gerade keine Einladung vor. '
|
||||
+ 'Vielleicht wurde sie zurückgezogen – DogFather kann dich neu einladen.',
|
||||
einladung_abgelaufen:
|
||||
'Diese Einladung ist abgelaufen. Sag kurz Bescheid, '
|
||||
+ 'dann lädt DogFather dich neu ein.',
|
||||
/* ---- Die Spenden (08.10.2026) ---- */
|
||||
/* `fertigsatz_` und nicht `satz_`: `satz_unbekannt` gehört seit
|
||||
dem 28.09.2026 dem MÜNZSATZ. Zwei Bedeutungen unter einem Wort
|
||||
heißen, dass eine von beiden irgendwann den falschen Satz
|
||||
bekommt — und gefunden hätte man es erst an der Fehlermeldung
|
||||
vor einem Zuschauer. Die Prüfung hat die Dopplung gemeldet,
|
||||
bevor sie jemand gesehen hat. */
|
||||
fertigsatz_unbekannt:
|
||||
'Diesen fertigen Satz gibt es nicht mehr. '
|
||||
+ 'Lade die Seite neu – dann stehen die aktuellen da.',
|
||||
glanz_unklar:
|
||||
'Die Zeit, wie lange jemand im Chat besonders aussieht, '
|
||||
+ 'muss zwischen 0 und 180 Minuten liegen. 0 heißt: gar nicht.',
|
||||
platz_unklar:
|
||||
'Die Karte steht entweder in der Mitte oder am Rand – etwas anderes gibt es nicht.',
|
||||
saetze_fehlen:
|
||||
'Es ist keine Liste von Sätzen angekommen. Versuch es noch einmal.',
|
||||
zu_viele_saetze:
|
||||
'Höchstens acht fertige Sätze. Eine Liste, die man scrollen muss, '
|
||||
+ 'liest beim Spenden niemand.',
|
||||
nichts_zu_tun:
|
||||
'Da war nichts zu schalten.',
|
||||
chatmodus_unbekannt:
|
||||
|
||||
+1273
-15
File diff suppressed because it is too large
Load Diff
@@ -209,28 +209,71 @@
|
||||
const eile = Math.min(1, 4 / Math.max(1, schlange.length + 1));
|
||||
const dauer = Math.max(2200, Math.round((karte.stufe?.dauer_ms || 7000) * eile));
|
||||
|
||||
const tafel = bauen(karte);
|
||||
kasten.append(tafel);
|
||||
/* ==== DER PLATZ STEHT AM KASTEN, NICHT AN DER KARTE ==========
|
||||
(08.10.2026)
|
||||
|
||||
Er entscheidet die ANORDNUNG -- also etwas, das der Kasten tut
|
||||
und nicht sein Inhalt. An der Karte stuende dieselbe Auskunft
|
||||
einmal je Karte, und zwei gleichzeitig angezeigte koennten
|
||||
sich widersprechen.
|
||||
|
||||
Eine unbekannte Angabe faellt auf „mitte" zurueck: Das ist der
|
||||
Platz, den Filipe bestellt hat, und ein leerer Wert kommt nur
|
||||
von einer aelteren Fassung des Servers. */
|
||||
const platz = karte.platz === 'rand' ? 'rand' : 'mitte';
|
||||
/* AUSSER JEMAND HAT ES FUER DIESE QUELLE AUSDRUECKLICH GESETZT.
|
||||
Die Spendentafel in OBS kennt `?pos=` -- dort liegt im Stream
|
||||
oft noch etwas anderes im Bild. Was in der Adresse steht, ist
|
||||
eine Entscheidung fuer DIESE Szene und muss schwerer wiegen
|
||||
als die Hauseinstellung; sonst zoege sie bei der naechsten
|
||||
Spende zurueck, und niemand wuesste, warum. */
|
||||
if (kasten.dataset.posFest !== 'ja' && kasten.dataset.platz !== platz) {
|
||||
kasten.dataset.platz = platz;
|
||||
}
|
||||
|
||||
const huelle = bauen(karte);
|
||||
kasten.append(huelle);
|
||||
/* Ein Bild in derselben Umdrehung anzuhaengen und gleich zu
|
||||
bewegen, ueberspringt der Browser -- er fasst beides zusammen.
|
||||
Ein Bildaufbau dazwischen, dann laeuft es. */
|
||||
requestAnimationFrame(() => requestAnimationFrame(() => {
|
||||
tafel.dataset.da = 'ja';
|
||||
huelle.dataset.da = 'ja';
|
||||
}));
|
||||
|
||||
setTimeout(() => {
|
||||
tafel.dataset.da = 'nein';
|
||||
huelle.dataset.da = 'nein';
|
||||
setTimeout(() => {
|
||||
tafel.remove();
|
||||
huelle.remove();
|
||||
laeuft = false;
|
||||
naechste(kasten);
|
||||
}, 600);
|
||||
}, dauer);
|
||||
}
|
||||
|
||||
/** Baut die Huelle und die Karte darin.
|
||||
*
|
||||
* ==== WARUM ZWEI ELEMENTE UND NICHT EINS (08.10.2026)
|
||||
*
|
||||
* Die Huelle macht das ERSCHEINEN (Deckkraft und Flug aus der
|
||||
* Tiefe), die Karte darin macht die FORM (Wiegen, Glanz).
|
||||
*
|
||||
* Das ist kein Umweg: `opacity` unter 1 zwingt ein Element laut
|
||||
* CSS-Transforms-2 auf `transform-style: flat`. Eine Karte, die
|
||||
* beim Hereinkommen ihre Deckkraft aendert, ist in genau dieser
|
||||
* Zeit flach -- und springt in dem einen Bild, in dem die
|
||||
* Deckkraft 1 erreicht, in die Tiefe. Dieses Springen sieht man.
|
||||
* Mit zwei Elementen setzen sich beide Umformungen durch die
|
||||
* Verschachtelung zusammen, statt einander zu ueberschreiben.
|
||||
*
|
||||
* Dass die Werte (`--sp-farbe`, `--sp-gross`) an der HUELLE
|
||||
* stehen, ist Absicht: Sie werden vererbt, und damit kann auch
|
||||
* die Huelle sie benutzen, ohne dass sie zweimal gesetzt werden. */
|
||||
function bauen(karte) {
|
||||
const farbe = karte.stufe?.farbe || '#8ec9ff';
|
||||
const huelle = el('div', 'spendenkarte-auftritt');
|
||||
const tafel = el('div', 'spendenkarte');
|
||||
huelle.append(tafel);
|
||||
huelle.style.setProperty('--sp-farbe', farbe);
|
||||
tafel.style.setProperty('--sp-farbe', farbe);
|
||||
/* DIE GROESSE KOMMT VON DER STUFE. Genau das ist „spezielle
|
||||
sachen bei speziellen spenden": Eine Rudel-Legende darf
|
||||
@@ -240,8 +283,9 @@
|
||||
Bühnenstrom. Eine Zahl, die aus der Leitung kommt, wird nicht
|
||||
ungeprüft in ein Stilblatt geschrieben. */
|
||||
const g = Number(karte.stufe?.groesse);
|
||||
tafel.style.setProperty('--sp-gross',
|
||||
String(Number.isFinite(g) && g >= 1 && g <= 2.5 ? g : 1));
|
||||
const gross = String(Number.isFinite(g) && g >= 1 && g <= 2.5 ? g : 1);
|
||||
huelle.style.setProperty('--sp-gross', gross);
|
||||
tafel.style.setProperty('--sp-gross', gross);
|
||||
tafel.dataset.stufe = karte.stufe?.name || '';
|
||||
tafel.setAttribute('role', 'status');
|
||||
|
||||
@@ -295,7 +339,7 @@
|
||||
}
|
||||
if (karte.gruss) text.append(el('p', 'spendenkarte__gruss', karte.gruss));
|
||||
tafel.append(text);
|
||||
return tafel;
|
||||
return huelle;
|
||||
}
|
||||
|
||||
/** Eine Karte zeigen. Kasten und Karte, sonst nichts. */
|
||||
|
||||
@@ -55,14 +55,50 @@
|
||||
const faktor = Number.isFinite(g) && g >= 0.5 && g <= 4 ? g : 1.4;
|
||||
document.documentElement.style.fontSize = `${Math.round(16 * faktor)}px`;
|
||||
|
||||
/* ==== WO DIE KARTE STEHT — EINE ANTWORT, EINE AUSNAHME =======
|
||||
(geändert 08.10.2026)
|
||||
|
||||
Seit heute entscheidet das Regiepult, ob die Karte in der
|
||||
MITTE des Bildes steht oder am RAND; die Karte bringt den
|
||||
Platz mit („Gestaltung → Wo die Karte steht"), und derselbe
|
||||
Wert gilt im Saal und hier. Das ist die eine Antwort — wer
|
||||
umstellt, stellt beide Orte zugleich um und muss nicht daran
|
||||
denken, in OBS eine Adresse nachzuziehen.
|
||||
|
||||
`pos` IN DER ADRESSE BLEIBT TROTZDEM, UND ZWAR ALS AUSNAHME.
|
||||
Im Stream liegt oft noch etwas anderes im Bild — ein
|
||||
Kamerakasten, ein Alert, ein Rahmen. Dafür braucht es eine
|
||||
Stelle, an der man die Karte für DIESE Szene wegschiebt, ohne
|
||||
den Saal mitzuverstellen.
|
||||
|
||||
UND SIE GILT NUR, WENN SIE AUSDRÜCKLICH DASTEHT. Vorher stand
|
||||
hier `p.get('pos') || 'ul'` — damit hatte JEDE Adresse eine
|
||||
Lage, auch die, in der nie jemand eine angegeben hat, und die
|
||||
Hauseinstellung wäre an dieser Seite wirkungslos verpufft.
|
||||
Das ist der Unterschied zwischen einer Ausnahme und einer
|
||||
zweiten Regel.
|
||||
|
||||
Die Werte heißen `align-content`/`justify-items` und nicht
|
||||
`justify-content`/`align-items`: Die Tafel ist seit dem
|
||||
08.10. ein Raster mit einer Spalte, und dort sind das die
|
||||
Eigenschaften, die wirken. */
|
||||
const lagen = {
|
||||
ul: ['flex-end', 'flex-start'], ur: ['flex-end', 'flex-end'],
|
||||
ol: ['flex-start', 'flex-start'], or: ['flex-start', 'flex-end'],
|
||||
ul: ['end', 'start'], ur: ['end', 'end'],
|
||||
ol: ['start', 'start'], or: ['start', 'end'],
|
||||
mitte: ['center', 'center'],
|
||||
};
|
||||
const [senkrecht, waagerecht] = lagen[String(p.get('pos') || 'ul')] || lagen.ul;
|
||||
tafel.style.justifyContent = senkrecht;
|
||||
tafel.style.alignItems = waagerecht;
|
||||
const gewuenscht = String(p.get('pos') || '');
|
||||
if (gewuenscht && lagen[gewuenscht]) {
|
||||
const [senkrecht, waagerecht] = lagen[gewuenscht];
|
||||
tafel.style.alignContent = senkrecht;
|
||||
tafel.style.justifyItems = waagerecht;
|
||||
/* Die FORM muss zur Lage passen: In der Mitte steht die Karte
|
||||
als Aufsteller (Münze oben, Betrag darunter), an jeder
|
||||
anderen Lage als Zeile. Ohne diese Zeile stünde mitten im
|
||||
Bild die flache Randfassung. */
|
||||
tafel.dataset.platz = gewuenscht === 'mitte' ? 'mitte' : 'rand';
|
||||
tafel.dataset.posFest = 'ja';
|
||||
}
|
||||
}
|
||||
const schluessel = new URLSearchParams(location.search).get('s') || '';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user