webapp active

Hotar

Ein kostenloses Quiz- und Gebietsspiel auf der Karte Rumäniens. Beantworte Fragen, errichte deine Zitadelle, erobere Kreise und belagere deine Rivalen, offline gegen Bots oder online gegen Menschen.

Hotar

Tech Stack

TypeScript Node.js Vite GSAP Fastify WebSockets MySQL Twitch OIDC Tebex

Screenshots

Hotar screenshot
Hotar screenshot
Hotar screenshot

Über dieses Projekt

Hotar ist ein Quiz- und Gebietsspiel auf der Karte Rumäniens. Jede Seite errichtet eine Zitadelle, bekommt die Kreise rundherum und greift dann ihre Nachbarn an, eine Frage nach der anderen. Im Duell gewinnt die schnellere richtige Antwort, bei einer Zahlenfrage die nächste Schätzung. Erreichst du die Zitadelle eines anderen Spielers, kannst du sie belagern und Schild um Schild zu Fall bringen.

Gespielt wird kostenlos auf hotar.tasta.space, auf Rumänisch und Englisch, und die gewählte Sprache bestimmt auch die Fragen. Das Training gegen Bots braucht kein Konto und funktioniert offline: Das Spiel lässt sich als App aufs Handy installieren und läuft ganz ohne Verbindung. Online setzt dich das Matchmaking mit anderen Spielern an einen Tisch und füllt freie Plätze mit Bots auf dem Niveau des Tisches.

Vier Spielmodi

  • Classic: 4 Spieler auf den 41 Kreisen, etwa 14 Minuten
  • Quick: 3 Spieler auf 15 Regionen, etwa 6 Minuten
  • Mayhem: 12 Spieler, und alle greifen gleichzeitig an, etwa 6 Minuten
  • Battle royale: 12 Spieler, während ein Sturm die Karte schließt, bis nur noch einer übrig ist, etwa 7 Minuten

Funktionen

  • Mehr als 23.000 Fragen in jeder Sprache, in Kategorien, über die die Spieler vor einem Online-Match abstimmen
  • Bilderfragen: Flaggen, Emoji-Rätsel und echte oder erfundene rumänische Dorfnamen
  • Streamer-Modus für Twitch: Der Streamer spielt gegen seinen Chat, der Chat antwortet per Nachricht im Twitch-Chat, und Zuschauer setzen sich mit einem Code aus vier Zeichen an den Tisch des Streamers
  • Anmeldung mit Twitch, Level und XP
  • Ein Shop mit Bannern, Rahmen, Titeln, Emblemen und Stickern, bezahlt mit Münzen, die man durch Siege verdient oder kauft, dazu ein VIP-Abo
  • Ein eigenes Soundset im Volksmusikstil, ganz im Code erzeugt: Zimbal, Nai, Bucium und Holzlöffel, alles in D gestimmt

Wie es gebaut ist

Hotar ist ein TypeScript-Monorepo. Die Spiel-Engine ist reines TypeScript, aus einer PHP-Engine portiert und mit 300 aufgezeichneten Partien geprüft, die Ereignis für Ereignis nachgespielt werden. Der Webclient ist mit Vite gebaut, mit GSAP für die Animationen und einem Service Worker, der das Spiel offline spielbar hält. Jedes Online-Match läuft auf dem Server: eine Fastify-App, die per WebSockets mit den Spielern spricht, mit MySQL für die Daten, Twitch OpenID Connect für die Anmeldung und Tebex für Zahlungen, alles selbst gehostet auf dem Server von tasta.space.