Spiel mit KI erstellen: Multiplayer-Browserspiel ohne Code

Ein Multiplayer-Browserspiel erstellen Sie mit KI, indem Sie die Regeln, die Zahl der Mitspielenden, den Ablauf von Runden und Punktewertung sowie den gewünschten Look beschreiben. WisyLink baut das Spiel als Webseite mit Live-Räumen, Anwesenheitsanzeige und Punkten in Echtzeit, speichert Highscores in einer Bestenliste und stellt es unter einem Link bereit, den jeder Browser öffnet.

• Aus einer Beschreibung entstehen Browserspiele aller Art: Arcade- und Denkspiele, rundenbasierte Brettspiele, Live-Quiz und 3D-Szenen.
• Multiplayer bringt Räume, eine Liste „Wer ist da?“ und einen gemeinsamen Live-Zustand mit sich, aber auch mehr zu testen. Wählen Sie es nur, wenn die Spielenden wirklich miteinander spielen.
• Lassen Sie den Server Antworten prüfen und Punkte vergeben. Die Browser der Spielenden senden Spielzüge, keine Punktestände.
• Bringen Sie eigene Grafiken, Musik und 3D-Modelle mit (bis 25 MB pro Datei) oder lassen Sie Vektorgrafik per Code zeichnen. Bilder oder Musik per KI generiert WisyLink nicht.
• Gespielt wird per Link oder QR-Code auf jedem Smartphone oder Laptop, ohne Installation. Proben Sie vor dem Termin in voller Besetzung im echten WLAN.

Welche Spiele lassen sich im Browser bauen?

Mehr, als die meisten erwarten: Ein moderner Browser stellt flüssige 2D-Animationen, Arcade-Spiele und Echtzeit-3D-Grafik über WebGL dar, auf dem Smartphone genauso wie auf dem Laptop. Kann eine KI ein Spiel bauen, ohne dass Sie programmieren? Ja: Mit einem KI-App-Builder beschreiben Sie Regeln und Spielgefühl, und der Builder schreibt das Spiel, hostet es und gibt Ihnen einen Link. Ihre Arbeit sind Spieldesign und Testen. (Wenn die Kategorie neu für Sie ist, lesen Sie zuerst, was ein KI-App-Builder ist.)

Die Beispiel-Prompts von WisyLink zeigen die Größenordnung: ein Neon-Breakout mit Power-ups und Levels, ein Tipptest, der live die Wörter pro Minute misst, ein Memory-Spiel, dessen Karten sich in 3D umdrehen, und eine interaktive 3D-Partikelgalaxie. Die Tabelle ordnet gängige Spieltypen dem zu, was Sie ausformulieren sollten:

Einzelspieler oder Multiplayer in Echtzeit?

Ein Einzelspieler-Spiel läuft im Browser jeder Person; der Server speichert nur, was bleiben muss, etwa Punktestände. Beim Echtzeit-Multiplayer teilen sich mehrere Browser einen gemeinsamen Live-Spielzustand: Antwortet, zieht oder zeichnet jemand, sehen es alle anderen einen Augenblick später.

Multiplayer lohnt sich, wenn der Spaß im Miteinander liegt: eine Klasse, die um die Wette antwortet, zwei Freunde, die von verschiedenen Orten aus ein Brettspiel spielen, ein Saal, der auf der Leinwand abstimmt. Er kostet mehr Testaufwand, weil Beitreten, Verlassen, Wiederverbinden, Verzögerung und Fairness geprüft werden müssen. Viele Spiele mit Wettbewerbscharakter funktionieren auch als Einzelspieler-Spiel mit gemeinsamer Bestenliste: Alle spielen allein, wann sie wollen, und vergleichen danach die Ergebnisse. Das ist einfacher zu bauen, und niemand wartet darauf, dass der Raum voll wird.

Eine brauchbare Faustregel: Müssen die Spielenden die Züge der anderen sehen, während sie passieren, bauen Sie Multiplayer. Reicht es, die Ergebnisse der anderen zu sehen, bauen Sie ein Einzelspieler-Spiel mit Bestenliste.

So bauen Sie es: Prompt-Vorlage für ein Live-Quiz

Das Live-Quiz ist das klassische Multiplayer-Browserspiel für Schulklassen, Teamevents und Veranstaltungen: ein Moderationsbildschirm am Beamer, die Spielenden antworten auf dem Smartphone. So bauen Sie eins:

1. Das Format festlegen. Mit Moderationsbildschirm oder ohne? Wie viele Fragen, wie lange jeweils, wie werden Punkte vergeben? Klären Sie das vor dem Prompt; die Punktewertung zu ändern, nachdem schon gespielt wurde, sorgt für Ärger.
2. Die Fragen als Datei vorbereiten. Eine als CSV gespeicherte Tabelle mit Spalten für Frage, vier Antwortmöglichkeiten und die richtige Antwort lässt sich leicht prüfen und später austauschen. Hängen Sie sie an Ihre Nachricht an.
3. Das Briefing senden. Passen Sie die Vorlage unten an. Wisy stellt vielleicht zuerst eine kurze Rückfrage und baut dann.
4. Mit zwei oder drei Geräten spielen. Treten Sie mit Smartphone und Laptop bei, antworten Sie richtig und falsch, verlassen Sie das Spiel und kehren Sie zurück, und probieren Sie einen späten Einstieg mitten im Spiel.
5. Korrigieren, indem Sie beschreiben, was Sie gesehen haben. „Als ich wieder beigetreten bin, stand mein Punktestand auf null; behalte die Punkte für zurückkehrende Spielende.“ Jede Korrektur ist ein neuer Build.
6. In voller Besetzung proben. Spielen Sie vor dem echten Termin eine Runde mit so vielen Personen, wie Sie erwarten, in dem Netz, das sie nutzen werden.

Das Briefing, die anzupassenden Stellen in eckigen Klammern:

Baue ein Live-Quiz für [meine 9. Klasse in Biologie]. Zwei Ansichten: ein Moderationsbildschirm für den Beamer und eine Spieleransicht für Smartphones. Die Lehrkraft startet ein Spiel, und der Moderationsbildschirm zeigt einen Raumcode aus 4 Buchstaben, den Beitrittslink und einen QR-Code dafür. Spielende treten nur mit einem Spitznamen bei, ohne Konto. Die Lehrkraft sieht, wer beigetreten ist, und kann Spielende entfernen. Nutze die angehängte CSV-Datei für die Fragen (Frage, vier Antwortmöglichkeiten, richtige Antwort). Jede Frage wird [20] Sekunden angezeigt; die Spielenden tippen auf eine von vier farbigen Antworten. Der Server prüft die Antworten und vergibt [1.000 Punkte für eine richtige Antwort, mit bis zu 500 Punkten Abzug für langsamere Antworten]. Zeige nach jeder Frage die richtige Antwort und die Top 5 auf dem Moderationsbildschirm sowie jedem Spielenden seinen Rang auf dem Smartphone. Zeige nach der letzten Frage ein Siegertreppchen und speichere die Endstände in einer Bestenliste aller Zeiten. Spielende können zwischen den Fragen beitreten, und wer nach einem Verbindungsabbruch zurückkommt, behält seine Punkte. Heller, kontrastreicher Look, der auch aus der letzten Reihe lesbar ist.

Für ein Quiz, das E-Mail-Adressen sammelt oder ein Produkt empfiehlt, statt Live-Runden zu spielen, sieht der Aufbau anders aus; lesen Sie dazu, wie Sie mit KI ein Quiz zur Leadgenerierung bauen. Weitere Formulierungen für Ihre Briefings finden Sie in diesen Prompt-Vorlagen.

Räume, Anwesenheit und Live-Punktestand

Technisch nutzt ein Multiplayer-Spiel auf WisyLink Live-Kanäle, meist einen pro Raum. Drei Begriffe decken das meiste ab, was Sie beschreiben müssen:

Räume

Ein Raumcode trennt eine Klasse oder einen Tisch von anderen. Wünschen Sie sich einen kurzen Code zum Abtippen sowie einen Link und QR-Code, die ihn automatisch ausfüllen.

Anwesenheit

Die Liste „Wer ist online“. Spielende erscheinen, sobald sie beitreten, und verschwinden, wenn sie gehen oder die Verbindung verlieren, sodass die Spielleitung weiß, wann es losgehen kann. Spitznamen sind frei wählbar; verlangen Sie für Schulklassen deshalb einen Button, mit dem die Lehrkraft Spielende entfernen kann.

Live-Zustand

Angezeigte Frage, verbleibende Zeit, eingegangene Antworten, Punktestände. Die Bildschirme der Spielenden aktualisieren sich einen Augenblick nach jeder Änderung.

Zwei Designentscheidungen trennen ein Spiel, das eine echte Schulstunde übersteht, von einem, das nur in der Demo funktioniert:

• Den Server die Punkte zählen lassen. Live-Kanäle stehen allen Spielenden im Raum offen; ein neugieriger Teenager mit Browser-Entwicklertools könnte also gefälschte Nachrichten senden. Prüft der Server jede Antwort und vergibt die Punkte selbst, kann ein Schummler höchstens antworten, und das darf er ohnehin. Verlangen Sie, dass Antworten nach Ablauf des Timers abgelehnt werden.
• Speichern, was zählt. Live-Nachrichten sind flüchtig: Sie werden weder gespeichert noch erneut abgespielt. Lassen Sie Spielzustand und Punkte bei jeder Änderung speichern, damit jemand, der die Seite neu lädt oder vom WLAN ins Mobilfunknetz wechselt, dort weitermacht, wo er war, und sich der Moderationsbildschirm nach einem Verbindungsabbruch wieder fängt.

Können die Spielenden mit dem Smartphone beitreten? Ja, und in den meisten Klassen und auf den meisten Veranstaltungen werden sie genau das tun. Jeder aktuelle mobile Browser funktioniert, ohne App und ohne Konto, sofern Sie keins verlangen. Ein Vorbehalt: Live-Verbindungen und Seitenaufrufe sind pro Verbindung und pro Netzwerkadresse begrenzt. Teilen sich dreißig Smartphones ein Schul- oder Veranstaltungs-WLAN, erscheinen sie womöglich alle unter derselben Adresse. Genau deshalb ist die Probe in voller Besetzung so wichtig.

Highscores und Bestenlisten speichern

Eine Bestenliste ist schlicht gespeicherte Daten: ein Datensatz pro Ergebnis, die besten zuerst. WisyLink-Websites speichern Datensätze in ihrem eigenen Datenspeicher, und gleichzeitig eintreffende Ergebnisse überschreiben sich nicht gegenseitig. Legen Sie im Prompt fest:

• Welche Listen. Aller Zeiten, diese Woche oder pro Veranstaltung. Eine Wochenliste motiviert Neueinsteiger, eine ewige Bestenliste belohnt Stammspieler.
• Wer zählt. Spitznamen gehen schnell, aber jeder kann sich „Alex“ nennen. Sollen wiederkehrende Spielende ihre Ergebnisse behalten, verlangen Sie Registrierung und Login. Die Website verwaltet ihre eigenen Konten; für die E-Mail-Bestätigung brauchen Sie ein eigenes E-Mail-Konto (SMTP) unter Integrationen.
• Nur plausible Ergebnisse. Bei Einzelspieler-Spielen berechnet der Browser der Spielenden das Ergebnis. Lassen Sie den Server deshalb unmögliche Werte ablehnen (ein perfekter Durchgang in zwei Sekunden) und nur wenige Einsendungen pro Minute und Person zulassen.
• Live oder fast live. Eine Bestenlisten-Seite zeigt Besuchern ein neues Ergebnis nach etwa einer Minute. Muss eine Leinwand sofort aktualisiert werden, lassen Sie die Liste live über den Kanal des Spiels aktualisieren.

Grafik und Sound: eigene Dateien oder Vektorgrafik aus Code

WisyLink erzeugt keine Bilder, Musik oder Videos per KI. Spiele bekommen ihren Look auf drei Wegen:

• Vektorgrafik, im Code gezeichnet. Formen, Icons, leuchtende Partikel und Neoneffekte zeichnet der Spielcode selbst; sie bleiben auf jeder Bildschirmgröße gestochen scharf. Ideal für Breakout, Memory-Karten und Quizbildschirme.
• Ihre eigenen Dateien. Laden Sie Sprites, Spritesheets, Hintergründe, Schriften, MP3-Musik und Soundeffekte hoch oder 3D-Modelle im Format .glb, .gltf oder .fbx. Jede Datei darf bis zu 25 MB groß sein. Verwenden Sie nur Material, an dem Sie die Rechte haben, etwa eigene Grafiken oder Asset-Pakete mit passender Lizenz.
• Stockfotos. Gut für einen Hintergrund oder ein Fragenbild, nicht für Spielfiguren.

Für Sound gilt eine Browserregel, die Sie kennen sollten: Browser blockieren Audio in der Regel, bis die Person die Seite angetippt oder angeklickt hat (siehe den Autoplay-Leitfaden von MDN, auf Englisch). Verlangen Sie einen Startbildschirm „Zum Starten tippen“, der den Ton freischaltet, und einen Stummschalter, denn viele spielen im Klassenzimmer oder im Büro.

Teilen: Link, QR-Code, Vorschaukarte

Jedes Spiel hat seine eigene Adresse, https://<id>.wisylink.com, oder läuft in jedem Tarif auf Ihrer eigenen Domain. Drei Wege, die Spielenden hineinzuholen:

• Der Link. Teilen Sie ihn im Klassenchat, in einer Event-Mail oder in der Beschreibung eines Streams. Sie planen eine Veranstaltung? Verlinken Sie das Spiel auf deren Seite; die Anleitung zur Eventanmeldung mit KI deckt die Anmeldeseite ab.
• Ein QR-Code. Lassen Sie für einen Raum den QR-Code auf dem Moderationsbildschirm anzeigen, oder erzeugen Sie für Plakate und Folien einen aus dem Link mit einem beliebigen QR-Generator. Drucken Sie ihn erst, wenn die endgültige Adresse feststeht, denn der Umzug auf Ihre eigene Domain ändert die Adresse des Spiels.
• Die Vorschaukarte. Jede Website bekommt beim ersten Build ein eigenes Vorschaubild und Favicon, sodass der Link in Messengern sauber angezeigt wird. Geben Sie dem Spiel im Prompt einen klaren Titel und eine Beschreibung, denn beides erscheint ebenfalls in der Vorschau.

Die Laufzeit ist für die Planung wichtig. Im kostenlosen Community-Tarif bleibt ein Link 30 Tage online und danach noch eine Woche zur Löschung markiert; das passt für eine einmalige Party oder Veranstaltung. Ein Spiel, das Sie jedes Halbjahr wieder einsetzen, gehört in einen kostenpflichtigen Tarif, in dem Links online bleiben, solange Ihr Abo läuft; siehe Tarife und Preise.

Was Browserspiele hier nicht sind

Wer die Grenzen kennt, spart sich einen verlorenen Nachmittag:

• Keine Spiele für App Store oder Google Play. Das Ergebnis ist eine Webseite. Spielende können sie im Browser zum Startbildschirm hinzufügen, aber es gibt keinen Store-Eintrag und keine In-App-Käufe.
• Keine riesigen Online-Welten. Ausgelegt ist das Ganze für eine Klasse, ein Team oder ein Eventpublikum, nicht für Tausende gleichzeitige Spielende in einer dauerhaften Welt.
• Keine schnellen Shooter. Live-Updates kommen einen Augenblick später an. Das reicht locker für Quiz, Brettspiele und Zeichenspiele, doch Spiele, die Fairness im Sekundenbruchteil brauchen, benötigen eigene Spieleserver.
• Kein Server, der die Welt berechnet. Die Spielschleife läuft in den Browsern der Spielenden; der Server beantwortet Anfragen und speichert Ergebnisse. Hintergrundjobs gibt es, sie laufen aber in einem Intervall von 30 bis 60 Minuten. Das passt für ein tägliches Rätsel, nicht für ein minutengenau getaktetes Event.

3D gehört dazu: begehbare WebGL-Szenen, Produktbetrachter und Flüge durchs All laufen im Browser. Das größere Bild, wie generierte Ausgabe zu einem Raum wird, durch den man sich bewegt, beschreibt Vom Prompt zur Welt.

Spiel beschreiben, spielbaren Link erhalten

Wählen Sie ein Spiel aus der Tabelle, schreiben Sie die Regeln in fünf Zeilen auf und schicken Sie sie an Wisy. Sie erhalten einen gehosteten, spielbaren Link, den Sie auf Ihrem eigenen Smartphone ausprobieren und dann Runde für Runde im selben Chat verfeinern. Starten Sie kostenlos mit Community, ohne Kreditkarte. Wird ein Spiel zum festen Bestandteil Ihres Unterrichts oder Ihrer Veranstaltungen, wechseln Sie in einen kostenpflichtigen Tarif, damit sein Link online bleibt.