All projects Stichle · Write-up
Tricks you call in advanceStiche, die man vorher ansagt
Stichle is our own Wizard for the afternoon meeting. Everyone says how many tricks they’ll take, then tries to take exactly that many, playing from a hand on the phone with cards drawn in the page, people cut from paper on the numbers, and a foil that moves with the light.Stichle ist unser eigenes Wizard für das Nachmittags-Meeting. Jeder sagt an, wie viele Stiche er machen wird, und versucht dann, genau so viele zu machen, aus einer Hand auf dem Handy, mit Karten, die in der Seite gezeichnet werden, Scherenschnitt-Figuren auf den Zahlen und einer Folie, die mit dem Licht wandert.
stichle.ewolution.cloud Source
- Type
- Web appWeb-App
- Stack
- Svelte 5 · Node · Server-Sent Events
- Year
- 2026
- Code
- Public on GitHubÖffentlich auf GitHub
Call your tricks
Stichle is our own Wizard for the afternoon meeting. Sixty cards: the numbers 1 to 13 in four elements, fire, water, earth and air, and four Wizards and four Jesters besides. Round one deals one card each, round two two, and so on until the deck runs out. The next card from the deck is turned up and its element is trump; a Wizard lets the dealer choose, a Jester or the last round means no trump. Then everyone says how many tricks they will take, and the round is about taking exactly that many. A bid met scores 20 points and 10 for each trick; a miss loses 10 for every trick too many or too few.
Whoever starts a game gets a table with a four-letter code (no vowels, so no code spells a word), a link and a QR code. There are no accounts: a name and a face are enough, and a reload or a locked phone puts you back in your seat with your hand. Three to six play; bots fill the empty chairs, and one plays for anyone who has been gone for twelve seconds. A big-screen view at /<code>/screen shows the table as an oval, the trick in the middle and the score pad beside it, for a projector or a screen shared on the call.
Your hand, and nobody else’s
The server builds every page’s view itself, and a hand only ever travels to the page it belongs to: the others get how many cards you hold, the trick on the table and the one before it, never a finished trick from earlier in the round, as they lie face down at a real table. The big screen gets no hand at all. The tests and the CI’s smoke test check it. The rules live in a small module with no clock and no randomness of its own: dealing, trump, who bids, the one bid that may not be made, which cards may be played, who takes the trick and what a round scores.
House rules
The host picks how bids are made: open, one after another; open, with the dealer not allowed the bid that would make them add up to the number of tricks; or secret, everyone at once, shown when the last one is in. A clock per move is there for tables that want one. Whoever plays the round’s first card wears a small gold tag until it lies on the table.
Cards drawn in code
Every card is drawn as SVG in the page, in the look of letterpress: cotton paper with its grain, a double rule, the element’s ink, and numbers and names in Metamorphous, a medieval face whose u was redrawn so it no longer reads as a v. The foil on the Wizards and the corner indices is a set of gradients that move with the light, so a card held up tips with the phone’s gyroscope, a finger or the mouse, and its gold shifts as it turns. The numbers carry people, cut from paper: on each number, one person for each element, from the poorest at 1 to the crown at 13, so the fire’s 7 is a smith and the water’s 5 a fisher. A classic deck with plain numbers is a setting away.
Playing from the hand
The hand is a fan along the bottom of the screen, in two rows once it is too full for one. A thumb run along it lifts the card under it; dragging a card up or flicking it plays it, and so does tapping it twice. A card that may not be played (you must follow the element led) lifts, shakes and drops back. Held still, a card opens big to look at. The played card flies to the middle, where the trick lies as a pile, each card nudged toward the seat that played it, so its corner index stays readable; the winner catches the light, then the trick sweeps off to whoever took it. The hand, the pile and the tilt are now a shared kit in our component library, for the card games that come next.
Your own table
Each phone keeps its own record: games, wins, bids met, the longest streak, and twelve achievements, from a trick won with the 13 of trump to a game with every bid met. They unlock looks: card backs, gilded edges, and tables, a green card table to start with, then a tapestry of small flowers, a sheet of vellum, a slab of slate. Everyone at the game plays on the table they chose. The record stays on the device; a code carries it to another.
Played by bots
The game is a state machine tested with a fake clock and a seeded random, and whole games are played by bots in the tests. The bots bid from their hand and play to meet their bid, which they do in about 56 percent of rounds, against 49 percent for the same bids played at random. Two people are played through the real page in WebKit at phone size before a change counts as done. The page is in German and English, shows how to play on its first visit, and installs to a home screen.
Stiche ansagen
Stichle ist unser eigenes Wizard für das Nachmittags-Meeting. Sechzig Karten: die Zahlen 1 bis 13 in vier Elementen, Feuer, Wasser, Erde und Luft, dazu vier Zauberer und vier Narren. In Runde eins gibt es eine Karte für jeden, in Runde zwei zwei und so weiter, bis der Stapel aufgebraucht ist. Die nächste Karte vom Stapel wird aufgedeckt, ihr Element ist Trumpf; ein Zauberer lässt den Geber wählen, ein Narr oder die letzte Runde heißt kein Trumpf. Dann sagt jeder an, wie viele Stiche er machen wird, und in der Runde geht es darum, genau so viele zu machen. Wer trifft, bekommt 20 Punkte und 10 für jeden Stich; wer daneben liegt, verliert 10 für jeden Stich zu viel oder zu wenig.
Wer ein Spiel startet, bekommt einen Tisch mit einem Code aus vier Buchstaben (ohne Vokale, damit kein Code ein Wort ergibt), einen Link und einen QR-Code. Konten gibt es nicht: Ein Name und ein Gesicht reichen, und nach einem Neuladen oder mit gesperrtem Handy sitzt man wieder auf seinem Platz, mit seiner Hand. Drei bis sechs spielen mit; Bots füllen leere Stühle, und einer spielt für jeden weiter, der zwölf Sekunden weg ist. Unter /<code>/screen zeigt eine Ansicht für den großen Bildschirm den Tisch als Oval, den Stich in der Mitte und den Spielblock daneben, für den Beamer oder den geteilten Bildschirm im Call.
Jede Hand für sich
Der Server baut die Ansicht jeder Seite selbst, und eine Hand reist nur zu der Seite, zu der sie gehört: Die anderen erfahren, wie viele Karten man hält, sehen den Stich auf dem Tisch und den davor, nie einen früheren Stich der Runde, denn die liegen wie am echten Tisch verdeckt. Der große Bildschirm bekommt gar keine Hand. Die Tests und der Smoke-Test der CI prüfen das. Die Regeln stehen in einem kleinen Modul ohne eigene Uhr und ohne eigenen Zufall: Geben, Trumpf, wer ansagt, die eine Ansage, die nicht gemacht werden darf, welche Karten gespielt werden dürfen, wer den Stich bekommt und was eine Runde zählt.
Hausregeln
Der Host legt fest, wie angesagt wird: offen, einer nach dem anderen; offen, wobei der Geber die Ansage nicht machen darf, mit der alle zusammen genau die Zahl der Stiche ergeben; oder verdeckt, alle gleichzeitig, aufgedeckt, wenn die letzte da ist. Eine Uhr pro Zug gibt es für Tische, die eine wollen. Wer die erste Karte der Runde spielt, trägt ein kleines goldenes Schild, bis sie auf dem Tisch liegt.
Karten aus Code
Jede Karte wird in der Seite als SVG gezeichnet, im Stil des Buchdrucks: Baumwollpapier mit seiner Struktur, eine doppelte Linie, die Tinte des Elements, und Zahlen und Namen in Metamorphous, einer mittelalterlichen Schrift, deren u neu gezeichnet ist, damit es nicht mehr wie ein v aussieht. Die Folie auf den Zauberern und den Ecken ist ein Satz Verläufe, die mit dem Licht wandern: Eine hochgehaltene Karte kippt mit dem Gyroskop des Handys, einem Finger oder der Maus, und ihr Gold verschiebt sich dabei. Auf den Zahlen stehen Figuren als Scherenschnitt: auf jeder Zahl eine für jedes Element, vom Ärmsten auf der 1 bis zur Krone auf der 13, die Sieben des Feuers ist ein Schmied, die Fünf des Wassers ein Fischer. Ein klassisches Blatt mit schlichten Zahlen ist eine Einstellung entfernt.
Aus der Hand gespielt
Die Hand ist ein Fächer am unteren Rand, in zwei Reihen, sobald eine nicht mehr reicht. Fährt der Daumen darüber, hebt sich die Karte darunter; nach oben gezogen oder geschnippt wird sie gespielt, ebenso mit zweimal Tippen. Eine Karte, die nicht gespielt werden darf (man muss das ausgespielte Element bedienen), hebt sich, schüttelt sich und fällt zurück. Hält man eine Karte still, öffnet sie sich groß zum Ansehen. Die gespielte Karte fliegt in die Mitte, wo der Stich als Stapel liegt, jede Karte ein Stück zu dem Platz hin verschoben, von dem sie kam, damit ihre Ecke lesbar bleibt; die Gewinnerin fängt das Licht, dann gleitet der Stich zu dem, der ihn gemacht hat. Hand, Stapel und Kippen sind jetzt ein gemeinsamer Baukasten in unserer Komponentenbibliothek, für die Kartenspiele, die noch kommen.
Der eigene Tisch
Jedes Handy führt seine eigene Bilanz: Partien, Siege, getroffene Ansagen, die längste Serie und zwölf Erfolge, vom Stich mit der 13 in Trumpf bis zur Partie, in der jede Ansage aufgeht. Sie schalten Aussehen frei: Rückseiten, den Goldschnitt und Tische, zuerst einen grünen Spieltisch, dann einen Wandteppich voller kleiner Blumen, einen Bogen Pergament, eine Schieferplatte. Jeder am Spiel spielt auf dem Tisch, den er gewählt hat. Die Bilanz bleibt auf dem Gerät; ein Code trägt sie auf ein anderes.
Von Bots gespielt
Das Spiel ist eine Zustandsmaschine, getestet mit einer falschen Uhr und einem festgelegten Zufall, und in den Tests spielen Bots ganze Partien. Die Bots sagen nach ihrer Hand an und spielen auf ihre Ansage hin, die sie in etwa 56 Prozent der Runden treffen, gegenüber 49 Prozent für dieselben Ansagen mit zufällig gespielten Karten. Bevor eine Änderung als fertig gilt, spielen zwei Leute die echte Seite in WebKit in Handygröße durch. Die Seite gibt es auf Deutsch und Englisch, sie zeigt beim ersten Besuch, wie man spielt, und lässt sich auf den Home-Bildschirm legen.