Spiel-Quellcode für Number Match: so ist Tenguin aufgebaut
Die Paar-Regeln, die Booster, die Konfigurationsdatei, die Sie ohne Build bearbeiten, und die Teile, die den TypeScript-Quellcode brauchen.
Spiel-Quellcode für ein Number-Match-Spiel lohnt sich, wenn Sie ein fertiges Zehner-Puzzle mit Levelkarte, Boostern und täglichen Inhalten wollen und lieber Preise und Branding anpassen, als eine Paarungs-Engine zu schreiben. Tenguin ist genau dieses Paket: Gleiche Zahlen oder zwei Zahlen mit der Summe zehn bilden ein Paar, verteilt auf zehn illustrierte Inselthemen, für $39 zum Listenpreis.
Dieser Leitfaden richtet sich an die Person, die den Ordner öffnet. Er erklärt, welche Regeln der Code durchsetzt, was in der Konfigurationsdatei steht, was den Quellcode braucht und welche Einstellungen auf einer Live-Website Schaden anrichten können. Die Kurzfassung: Die meisten geschäftlichen Anpassungen sind eine Textdatei und ein Neuladen der Seite.
Die Regeln, die der Number-Match-Quellcode schon abdeckt
Man tippt eine Kachel an, dann eine zweite. Das Paar verschwindet, wenn die Zahlen gleich sind oder zusammen zehn ergeben. Die beiden Kacheln können übereinander, nebeneinander oder diagonal liegen, mit bereits geräumten Feldern dazwischen, oder über das Ende einer Zeile und den Anfang der nächsten hinweg.
Wer eine ganze Zeile räumt, löst eine Avalanche (Lawine) aus, und eine Serie erhöht den Punktemultiplikator. Gibt es keine Paare mehr, kopiert Snowfall (Schneefall) die verbliebenen Zahlen ans untere Ende. Jedes Level vergibt bis zu drei Sterne.
Der Zeilenumbruch und die Lücken sind genau die Prüfungen, die eine Number-Match-Engine richtig machen muss: Ein Paar, das für den Spieler gültig aussieht, muss auch für den Code gültig sein. Hier sind diese Prüfungen Teil des ausgelieferten Spiels.
Die Regeln in der Tenguin-Demo ausprobieren
Booster, tägliche Inhalte und Relax-Modus
Fünf Booster kommen nach und nach dazu, sodass die ersten Levels eine Lernkurve haben:
- Hint (Hinweis).
- Undo (Rückgängig), ab Level 3.
- Snowfall, der das Spielfeld mit Kopien der restlichen Zahlen auffüllt.
- Peck (Picken), das eine Kachel entfernt, ab Level 8.
- Wild (Joker), eine Flocke, die zu jeder Zahl passt, ab Level 12.
Eine tägliche Challenge auf Basis des heutigen Datums, tägliche Missionen und Kapitel-Truhen geben den Spielern einen Grund zurückzukommen. Der Relax-Modus hat keine Sterne, keinen Zeitdruck und unbegrenzten Snowfall, für alle, die einfach nur Kacheln räumen wollen.
Outfits für den Pinguin gibt es in vier Kategorien: Schals, Hüte, Farben und Effekte. Sie werden mit im Spiel verdienten Münzen gekauft, und manche Levels schalten eines frei. Echtgeld spielt keine Rolle.
Was im Download steckt
- Ein hostfertiger Ordner game/ mit lokaler Grafik, Schriften, Audiodateien und Laufzeit-Abhängigkeiten.
- Lesbarer Quellcode mit Konfiguration und Lizenzhinweisen von Drittanbietern.
- 49 automatische Tests.
- Ein bebilderter Offline-Leitfaden für Käufer in 14 Sprachen, mit Screenshots auf Englisch.
Die Oberfläche gibt es in 14 Sprachen: Englisch, Portugiesisch, Spanisch, Französisch, Deutsch, Italienisch, Niederländisch, Polnisch, Türkisch, Russisch, Indonesisch, Japanisch, Koreanisch und vereinfachtes Chinesisch. Der Stack ist TypeScript, JavaScript und HTML5, mit Vite für den Build des Quellcodes. Die Dateien sind HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG und MP3.
Ein Hinweis zur Produktseite: Die illustrierten Panels sind Werbegrafik, die Screenshot-Galerie zeigt das echte Spiel. Beurteilen Sie die Optik anhand der Screenshots und der Demo.
Die Konfigurationsdatei: Änderungen ohne Build
Die meisten Einstellungen stehen in tenguin.config.js, einer Textdatei neben index.html. Wert ändern, Datei hochladen, neu laden. Kein Node.js und kein Build-Schritt. Darin stehen:
- Seitentitel und Logo-Pfad.
- Die Akzentfarbe.
- Die Standardsprache.
- Startmünzen.
- Belohnungen für Sieg, Sterne und Relax.
- Booster- und Outfit-Preise.
Damit sind zwei häufige Wünsche abgedeckt: Ihre eigene Marke auf dem Bildschirm und eine auf Ihr Publikum abgestimmte Spielökonomie. Finden die Spieler die Booster zu teuer, ändern Sie eine Zahl, nicht den Code.
Eine Einstellung braucht Vorsicht: der Speicherschlüssel. Legen Sie ihn vor dem Start fest und lassen Sie ihn danach in Ruhe. Ändern Sie ihn auf einer Live-Website, verlieren alle Spieler ihren Fortschritt.
Was den TypeScript-Quellcode braucht
Level-Layouts, Dialoge, die Grafik im Spiel und neue Sprachclips werden in der Quellcode-Edition geändert und dann mit Node.js 22.13 oder neuer neu gebaut. Zum Hosten des Spiels braucht es kein Node, nur zum Neubauen.
Die Levelkarte hat zehn illustrierte Inselthemen. Nach dem zehnten geht es mit generierten Levels weiter, die die vorhandenen Themen wiederverwenden. Ein elftes Thema bedeutet neue Grafik und neue Kartenpositionen im Quellcode. Planen Sie es also als Grafikarbeit plus etwas Code, nicht als Einstellung.
Lassen Sie die 49 Tests nach jeder Änderung am Quellcode laufen. So sehen Sie am schnellsten, ob eine Änderung woanders eine Regel kaputt gemacht hat.
- Sichern Sie das Paket.
- Nehmen Sie Ihre Änderung im Quellcode vor.
- Führen Sie die Tests aus.
- Bauen Sie neu und ersetzen Sie den gehosteten Ordner game/ durch die vollständige Ausgabe.
- Spielen Sie ein paar Levels auf einem Handy und in einem Desktop-Browser.
Hosting, Einbettung und Barrierefreiheit
Laden Sie den Inhalt von game/ auf ein statisches HTTP(S)-Hosting, gern auch in einen Unterordner. PHP oder eine Datenbank sind nicht nötig. Die Dateien per file:// von der Festplatte zu öffnen wird nicht unterstützt; testen Sie über einen Webserver.
Das Spiel läuft in aktuellen Versionen von Chrome, Edge, Firefox und Safari auf Computer, Tablet oder Handy. Die Spieler laden es von Ihrer Adresse; es ist keine installierbare Offline-App. In den Einstellungen gibt es große Kacheln, hohen Kontrast, einen ruhigen Modus und Vibration auf Handys, die sie unterstützen. Das hilft, wenn zu Ihrem Publikum ältere Menschen oder Kinder gehören.
Ein natives App-Projekt ist nicht im Paket, ebenso wenig ein angebundener Werbeanbieter. Wenn Sie eines davon brauchen oder das Spiel auf Ihrem Server installiert haben möchten, erstellen wir ein Angebot pro Projekt.
Angebot für individuelle Arbeiten anfragen
Grenzen und Lizenz in einem Absatz
Tenguin hat keine Cloud-Spielstände, keine Online-Konten, keine Ranglisten auf einem Server, keine Echtgeldkäufe und keinen angebundenen Werbeanbieter; native Apps, Hosting und individuelle Entwicklung sind nicht enthalten. Der Fortschritt bleibt im lokalen Speicher des Browsers. Ein Kauf gibt Ihnen eine unbefristete, nicht exklusive Lizenz für ein Endprodukt, Ihr eigenes oder das eines Kunden, das Spieler kostenlos oder mit Werbemonetarisierung nutzen können. Sie dürfen Code, Grafik und Audio innerhalb dieses Produkts ändern und unsere Marke durch Ihre ersetzen, aber die Vorlage, ihren Quellcode oder ihre Assets nicht einzeln weiterverkaufen oder weitergeben. Der Support läuft 6 Monate, mit der Verlängerung an der Kasse 12. Der Listenpreis beträgt $39; bis zum 30. November 2026 gibt es mit einer Black-Friday-Aktion 15 % Rabatt auf jede Vorlage, Tenguin kostet also $33,15. Ab dem 1. Dezember gelten wieder die Listenpreise.
Lizenz- und Supportbedingungen lesen
Häufig gestellte Fragen
Welche Regeln hat ein Number-Match-Spiel?
In Tenguin verschwinden zwei Kacheln, wenn sie dieselbe Zahl tragen oder zusammen zehn ergeben und zwischen ihnen nur geräumte Felder liegen. Paare können senkrecht, waagerecht oder diagonal liegen oder vom Ende einer Zeile zum Anfang der nächsten reichen.
Muss ich das Spiel bauen?
Nein. Laden Sie den Inhalt von game/ auf ein HTTP(S)-Hosting. Ein Build ist nur nötig, wenn Sie den Quellcode ändern.
Was kann ich ohne Neubau ändern?
Titel, Logo-Pfad, Akzentfarbe, Standardsprache, Startmünzen, Belohnungen, Booster-Preise und Outfit-Preise, alles in tenguin.config.js.
Wie viele Levels gibt es?
Die Levels verlaufen über eine Karte mit zehn Inselthemen. Nach dem zehnten Thema geht das Spiel mit generierten Levels und wiederverwendeten Themen weiter.
Kann ich damit ein Gewinnspiel veranstalten?
Davon raten wir ab. Die täglichen Inhalte nutzen die Geräteuhr und die Rekorde sind lokal, also keine faire Grundlage für Preise.
Läuft es auf Tablets?
Ja. Es läuft in aktuellen Browsern auf Computern, Tablets und Handys, mit der Option für große Kacheln in den Einstellungen.
Für wen es passt, und zwei Puzzles zum Vergleich
Ein Number-Match-Spiel passt zu Casual-Portalen, Websites mit Lernbezug und Marken, die ein ruhiges Puzzle mit einem täglichen Grund zur Rückkehr suchen. Die Zehner-Regel ist schnell erklärt, und die Booster kommen langsam genug, um nebenbei etwas beizubringen.
Zum Vergleich: Gridspark ist ein 8×8-Blockpuzzle mit dem Blitzzug ZAP und einer täglichen Challenge mit festem Seed, $29 zum Listenpreis. Bodoku ist ein Geister-Logikpuzzle mit 180 Levels in sechs Schlossflügeln, $59 zum Listenpreis. Beide haben 14 Oberflächensprachen.
Gridspark ansehen, das Blockpuzzle
Bodoku ansehen, das Logikpuzzle
Zwei Vorlagen in einer Bestellung bringen 5 % Rabatt pro Lizenz, drei 10 %, vier 15 % und fünf oder mehr 20 %.