Remix

Make your own version of Dart Legends

Get an exact, working copy in your account, then change anything with chat.

Original by Luka Stey

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Erstelle ein realistisches Dart-Karrierespiel – DART LEGENDS

Entwickle ein modernes, hochwertiges und spielbares Dart-Simulationsspiel namens DART LEGENDS. Das Spiel soll sich wie eine Mischung aus realistischer Dart-Simulation, Sportkarriere und Charakter-Editor anfühlen. Es soll nicht nur eine Website mit Menüs sein, sondern ein funktionierendes Spiel, in dem man tatsächlich Dart spielt.

1. Design und Benutzeroberfläche

- Modernes, realistisches Sportspiel-Design mit dunklem Hintergrund, schwarzen und anthrazitfarbenen Flächen sowie roten, weißen und goldenen Akzenten.
- Hochwertige Animationen, flüssige Übergänge, Soundeffekte und ein professionelles Layout.
- Alle Menüs müssen funktionieren.
- Optimiert für Smartphone, Tablet und PC.
- Auf dem Handy müssen alle Buttons gut erreichbar sein.
- Verwende realistische Dartboards, Bühnen, Zuschauer und Spieler. Nutze hochwertige Grafiken oder selbst erstellte Spielgrafiken, keine Emoji als Ersatz für die eigentlichen Spielobjekte.
- Speichere den Spielfortschritt dauerhaft, sodass man nach dem Schließen wieder weiterspielen kann.

2. Eigenen Spieler erstellen

Zu Beginn erstellt der Spieler seinen eigenen Dartprofi.

Folgende Optionen müssen vorhanden sein:

- Nickname frei eingeben.
- Vor- und Nachname optional festlegen.
- Nationalität auswählen.
- Charakter und Aussehen individuell anpassen.
- Eigenes Dart-Shirt gestalten.
- Farben, Muster, Logos und Sponsorenlogos auswählen.
- Nickname auf der Rückseite des Shirts anzeigen.
- Eigene Einlaufmusik auswählen.
- Profilbild und Spielerkarte erstellen.

Die Anpassungen müssen tatsächlich sichtbar sein und im Spiel gespeichert bleiben.

3. Realistisches Dartspielen

Das Dartspielen ist die wichtigste Funktion des gesamten Spiels. Implementiere ein richtig spielbares Dartboard mit den korrekten Feldern und Punktwerten.

Das Board besitzt:

- Single-Felder.
- Double-Felder.
- Triple-Felder.
- Outer Bull mit 25 Punkten.
- Bullseye mit 50 Punkten.
- Zahlen von 1 bis 20 in korrekter Anordnung.

Implementiere eine realistische Wurfmechanik:

- Der Spieler zielt mit Maus oder Touch auf das Dartboard.
- Der Spieler löst den Wurf durch einen Button oder eine geeignete Wurfbewegung aus.
- Die Flugbahn des Darts wird animiert.
- Der Dart landet auf einem konkreten Feld.
- Die Trefferposition hängt von Zielgenauigkeit, Spielerfähigkeiten, Wurfkontrolle und einer kontrollierten Streuung ab.
- Der Spieler darf nicht immer das angeklickte Feld treffen.
- Anfänger haben eine größere Streuung als Profis.
- Bei höherer Fähigkeit werden Würfe im Durchschnitt genauer, bleiben aber fehleranfällig.
- Zeige die drei Darts jeder Aufnahme auf dem Board.
- Nach jedem Dart werden die Punkte korrekt berechnet.
- Entferne die Darts nach einer abgeschlossenen Aufnahme und ermögliche die nächste Runde.
- Die Würfe, Animationen, Punktzahlen und Gegneraktionen müssen miteinander verbunden sein.

Verwende ein echtes spielbares 501-Double-Out-System:

- Beide Spieler beginnen mit 501 Punkten.
- Drei Darts bilden eine Aufnahme.
- Die erzielten Punkte werden vom Rest abgezogen.
- Zum Gewinnen muss exakt null erreicht werden und der letzte Dart muss ein Doppelfeld oder das Bullseye treffen.
- Bei einem Bust wird die Aufnahme zurückgesetzt und der vorherige Punktestand wiederhergestellt.
- Ein Finish mit mehr Punkten als dem verbleibenden Rest ist ungültig.
- Zeige Restpunkte, geworfene Punkte, Average, Checkout-Quote, höchste Aufnahme und Anzahl der 180er.
- Implementiere Legs und Sets mit funktionierenden Spielregeln.

Ergänze später weitere Spielmodi wie 301, 701 und Cricket.

4. Gegner mit unterschiedlichen Schwierigkeitsgraden

Erstelle viele unterschiedliche KI-Gegner mit Namen, Nicknames, Profilbildern, Statistiken, Spielstilen und individuellen Fähigkeiten.

Die Gegner sollen realistisch unterschiedlich spielen:

- Anfänger: häufige Fehler, wenige Triple-Treffer und schwache Doppelquote.
- Fortgeschrittene: bessere Scores, aber noch inkonstant.
- Halbprofis: regelmäßige hohe Aufnahmen und gute Checkouts.
- Profis: starke Scores, präzise Doppel und taktisches Spiel.
- Weltklasse: hohe Averages, viele 140er und gelegentliche 180er sowie sichere Finishes.

Die Gegner werfen selbstständig ihre Darts. Berechne ihre Würfe anhand ihrer Fähigkeiten und simuliere sie nicht durch zufällige, unrealistische Punktzahlen.

Jeder Gegner hat:

- Eigenen Nickname.
- Eigene Persönlichkeit.
- Spielstärke.
- Average.
- Checkout-Quote.
- Sieg-Niederlagen-Bilanz.
- Individuellen Wurfstil.
- Eigene Animationen und Reaktionen.

Zeige während des Matches beide Spieler, ihre aktuellen Restpunkte und den Matchstand. Der Gegner muss auf den tatsächlichen Spielverlauf reagieren.

5. Karriere und Fortschritt

Der Spieler startet als unbekannter Anfänger in einer kleinen Kneipe.

Implementiere folgende Karrierestufen:

Stufe 1: Anfänger

- Kleine Kneipenturniere.
- Schwache Gegner.
- Wenig Preisgeld.
- Einfache Ausrüstung.

Stufe 2: Regionalspieler

- Regionale Turniere.
- Stärkere Gegner.
- Erste Sponsorenangebote.
- Bessere Ausrüstung.

Stufe 3: Halbprofi

- Größere Hallenturniere.
- Ranglisten und Qualifikationen.
- Höhere Preisgelder.
- Mehr Fans.

Stufe 4: Profi

- Große Bühnen und professionelle Gegner.
- Interviews, Sponsoren und professionelle Turniere.
- Eigene Einlaufmusik.
- Mehrere Turniere und eine Saisonrangliste.

Stufe 5: Weltklasse

- Riesige Arenen.
- Weltmeisterschaft und große Finalspiele.
- Elitegegner.
- Titel, Trophäen und historische Statistiken.

Der Spieler muss seine nächste Stufe durch echte Matchleistungen und Turniererfolge erreichen. Nicht einfach nur auf einen Button drücken, um aufzusteigen.

6. Unterschiedliche Spielorte und Bühnen

Erstelle mehrere optisch unterschiedliche Austragungsorte:

- Kleine, gemütliche Kneipe.
- Lokaler Dartclub.
- Regionale Turnierhalle.
- Professionelle Dartbühne.
- Große Arena mit Publikum.
- Weltmeisterschaftsbühne mit riesigen LED-Bildschirmen.

Mit zunehmendem Fortschritt werden neue Veranstaltungsorte freigeschaltet.

Jede Bühne soll über eine eigene Umgebung, Beleuchtung, Hintergrundgeräusche, Zuschaueranimationen und eine passende Atmosphäre verfügen.

Zeige vor dem Match einen Walk-on mit dem Nickname des Spielers, seinem Shirt und seiner Einlaufmusik. Die Präsentation soll sich je nach Größe des Turniers unterscheiden.

7. Eigene Dartpfeile bauen

Entwickle einen interaktiven Dart-Editor.

Der Spieler kann seine eigenen Pfeile aus verschiedenen Komponenten zusammenstellen:

- Barrel mit unterschiedlichen Formen und Griffmustern.
- Verschiedene Gewichte, beispielsweise 18 bis 26 Gramm.
- Unterschiedliche Shafts und Längen.
- Verschiedene Flights und Flightformen.
- Farben, Muster und eigene Designs.
- Eigene Gravuren und Logos.

Zeige eine Vorschau des vollständigen Dartpfeils, die sich bei jeder Änderung aktualisiert.

Die einzelnen Komponenten müssen unterschiedliche Eigenschaften besitzen. Gewicht, Grip, Schaft und Flight sollen das Wurfgefühl und die Flugstabilität beeinflussen. Vermeide dabei unrealistische Upgrades, die automatisch jeden Wurf perfekt machen.

Anfangs stehen nur einfache Komponenten zur Verfügung. Durch Siege und verdientes Geld können bessere Materialien freigeschaltet werden.

8. Eigenes Dart-Shirt designen

Implementiere einen richtigen Trikot-Editor:

- Grundfarbe frei auswählen.
- Zweite und dritte Farbe festlegen.
- Muster und geometrische Designs hinzufügen.
- Nickname und Rückennummer platzieren.
- Logos und Sponsorenflächen hinzufügen.
- Verschiedene Kragen und Ärmelvarianten auswählen.
- Vorder- und Rückseite betrachten.

Die Vorschau muss sich sofort aktualisieren. Das erstellte Shirt wird auf dem Spieler während der Matches und beim Walk-on angezeigt.

9. Geld, Shop und Sponsoren

Der Spieler beginnt mit 500 Euro Spielgeld.

Implementiere:

- Ein Konto mit aktuellem Kontostand.
- Preisgelder für Turniere.
- Turniergebühren.
- Einen Shop für Dartkomponenten und Kleidung.
- Freischaltbare Designs.
- Sponsorenverträge abhängig von Leistungen und Bekanntheit.
- Eine Fanbasis, die durch Siege und gute Leistungen wächst.

Alle Käufe müssen den Kontostand tatsächlich verändern. Preisgelder werden nach dem tatsächlichen Turnierergebnis vergeben. Vermeide unbegrenztes Gratisgeld oder nicht funktionierende Kaufbuttons.

10. Turniere und Ranglisten

Erstelle funktionierende Turniere mit:

- Anmeldung und Teilnahmegebühr.
- Achtelfinale, Viertelfinale, Halbfinale und Finale, abhängig von der Turniergröße.
- Automatisch generierten Gegnern.
- Einer Turnierübersicht mit Ergebnissen.
- Preisgeldern und Trophäen.
- Einer Rangliste, die sich nach den Ergebnissen verändert.
- Saisonstatistiken und Karrierehistorie.

Der Spieler muss seine Matches selbst spielen. Andere Matches können durch nachvollziehbare KI-Ergebnisse simuliert werden.

11. Training und Spielerentwicklung

Erstelle einen Trainingsbereich mit:

- Freiem Dartwerfen.
- Triple-20-Training.
- Doppeltraining.
- Checkout-Challenges.
- Bullseye-Challenges.
- 121-Checkout-Training.

Durch regelmäßiges Training verbessern sich Präzision, Konstanz, Doppelquote und mentale Stärke langsam. Die Entwicklung muss nachvollziehbar und begrenzt sein.

Fähigkeiten dürfen nicht allein durch Geld beliebig maximiert werden.

12. Hauptmenü

Das Hauptmenü enthält folgende Bereiche:

1. Karriere fortsetzen.
2. Neues Match.
3. Turniere.
4. Training.
5. Dartpfeile bearbeiten.
6. Shirt-Designer.
7. Shop.
8. Rangliste.
9. Spielerprofil.
10. Einstellungen.

Zeige auf dem Startbildschirm den aktuellen Nickname, das Spielerlevel, das Guthaben, den Rang und den nächsten Karriereschritt.

13. Technische Anforderungen

- Baue eine tatsächlich spielbare Anwendung und keine reine Präsentationsseite.
- Verwende eine saubere Komponentenstruktur.
- Nutze React und TypeScript, sofern sie zum bestehenden Lovable-Projekt passen.
- Verwende eine geeignete Grafiktechnik für das interaktive Dartboard, beispielsweise SVG oder Canvas.
- Implementiere die komplette Spielmechanik in nachvollziehbarer, testbarer Logik.
- Speichere Spielstand, Spielerprofil, Geld, Ausrüstung, Designs, Statistiken und Karrierefortschritt dauerhaft.
- Bei Bedarf nutze eine Datenbank wie Supabase für Konten und cloudbasierte Spielstände.
- Implementiere eine funktionierende lokale Speicherlösung, falls keine Datenbank eingerichtet ist.
- Achte auf mobile Bedienbarkeit und gute Performance.
- Vermeide tote Buttons, Platzhalterfunktionen und rein dekorative Menüs.
- Trenne die Dart-Logik, KI-Gegner, Karriere, Wirtschaftssystem und Benutzeroberfläche sauber voneinander.

14. Prioritäten bei der Umsetzung

Baue zuerst einen vollständig funktionierenden Kern:

1. Spieler erstellen und Nickname festlegen.
2. Dartboard mit echten Feldern.
3. Funktionierendes 501-Double-Out-Match gegen einen KI-Gegner.
4. Korrekte Punktberechnung und Bust-Regeln.
5. Mehrere Gegner mit unterschiedlichen Fähigkeiten.
6. Matchabschluss mit Sieg oder Niederlage.
7. Geld und gespeicherter Spielstand.

Danach folgen Karriere, Turniere, Bühnen, Shirt-Designer, Dart-Editor, Shop und Ranglisten.

Wichtig: Teste jede Kernfunktion. Ein Match gilt erst dann als fertig, wenn beide Spieler tatsächlich werfen, die Regeln korrekt funktionieren, ein Match gewonnen oder verloren werden kann und der Fortschritt gespeichert wird. Baue die Features schrittweise aufeinander auf und stelle sicher, dass jede neue Funktion mit den bereits vorhandenen Systemen funktioniert.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.