Bicycle Kick Champ - Sport Spiel

Bitte verwende Three.js, um ein **mobile-first Spiel** mit dem Thema "Bicycle Kick Champ" zu generieren. Bitte lies zuerst die folgenden detaillierten Spiel-Design-Anforderungen und generiere dann den entsprechenden Code: ### 1. Assets & Umgebung * **Visueller Stil:** Erstelle ein nostalgisches, early-2000er "Flash-Spiel"-Erscheinungsbild, jedoch auf 3D aktualisiert. Verwende einen leicht stilisierten Realismus (nicht vollständig cartoonhaft, aber lebhafte Farben). * **Stadionumgebung:** * **Publikum:** Anstelle teurer Einzelmodelle nutze eine statische, hochauflösende Textur-Billboard oder ein einfaches Partikelsystem für das Publikum im Hintergrund der Tribünen, um die Mobilgeräteleistung zu schonen. * **Spielfeld:** Eine grüne Rasentextur mit klar sichtbaren weißen Strafraumlinien und dem Bogen des "Sechzehners". * **Tor:** Ein klassisches weißes Fußballtor mit einer einfachen Netz-Gittertextur. * **Werbebanden:** Platziere Werbetafeln hinter der Torlinie mit generischem Text (z.B. "SUPER KICK", "TOR!!!") für mehr Atmosphäre. * **Charaktere:** * **Stürmer (Spieler):** Ein Low-Poly-Charaktermodell (unter 1500 Tris) in einem weißen Trikot mit der Nummer 9. Das Modell benötigt ein grundlegendes Rigging für die "Fallrückzieher"-Animationssequenz. * **Torwart (Gegner):** Ein Low-Poly-Torwart in einem grünen Trikot. Benötigt Animationen für "Idle-Stand", "Abtauchen links", "Abtauchen rechts" und "Sprungparade". * **Ball:** Ein klassischer weißer Fußball (abgestumpftes Ikosaeder) oder eine einfache texturierte Kugel. * **Kamera:** Positioniere die Kamera hinter dem Stürmer (Third-Person-Ansicht), leicht erhöht und zum Tor blickend. Die Kamera sollte den Ball beim Schuss leicht verfolgen. * **Beleuchtung:** Verwende ein einzelnes gerichtetes Licht (simuliert Flutlicht oder Sonne), das deutliche Schatten wirft, plus Umgebungslicht, um sicherzustellen, dass auf Mobilbildschirmen nichts zu dunkel ist. ### 2. Audioanforderungen * **Hintergrundmusik (BGM):** Ein energetischer, im Loop abgespielter Arcade-Soundtrack. Stell dir beschwingte Synthesizer-Musik mit einer "Sportübertragungs"-Intro-Atmosphäre vor, um Spannung aufzubauen. * **Soundeffekte (SFX):** * **Publikum:** Ein konstantes, leises Gemurmel im Loop. Ein lautes "Jubel/Getöse"-Sample wird bei einem Tor ausgelöst. Ein enttäuschtes "Stöhnen" wird bei einem Fehlschuss ausgelöst. * **Schuss:** Ein befriedigendes, wuchtiges "Dumpf"-Geräusch speziell für den Fallrückzieher-Kontakt. * **Pfiff:** Ein Schiedsrichterpfiff zum Start der Runde. * **Netz:** Ein "Rauschen"-Geräusch, wenn der Ball das Netz trifft. * **Pfosten:** Ein metallisches "Klirren", wenn der Ball die Latte oder den Pfosten trifft. ### 3. Spielprinzip (Gameplay Loop) * **Die Ausgangssituation:** Das Spiel beginnt mit einer Hereingabe von der Seite (außerhalb des Bildschirms links oder rechts). Der Ball schwebt in einem Bogen durch die Luft auf die Spielfigur zu. * **Der Mechanismus (Timing):** * Ein visueller Indikator (wie ein sich verkleinernder Zielkreis oder eine Höhenmarkierung) zeigt den optimalen Treffpunkt. * Der Spieler muss den Bildschirm antippen, wenn der Ball die perfekte Höhe erreicht. * **Ergebnis:** * **Perfektes Timing:** Die Figur führt einen spektakulären Fallrückzieher aus; der Ball fliegt schnell und präzise in eine Ecke. * **Gutes Timing:** Der Schuss wird ausgeführt, aber der Torwart hat eine Chance, ihn basierend auf Zufall/KI-Reaktionsgeschwindigkeit zu halten. * **Schlechtes Timing (Zu früh/spät):** Der Spieler schwingt ins Leere (verfehlt den Ball komplett), trifft ihn schwach in die Hände des Keepers oder schießt ihn über die Latte. * **Fortschritt:** Erziele Punkte für jedes Tor. Aufeinanderfolgende Tore bauen einen "Combo-Multiplikator" auf. Der Torwart wird schneller und die einkommenden Flanken variieren in Geschwindigkeit/Flugbahn, wenn der Punktestand steigt. * **Spielende:** Das Spiel endet nach 3 Fehlschüssen. ### 4. Mobile Steuerung & Interaktion * **Ausrichtung:** Querformat wird für eine breitere Sicht auf das Tor bevorzugt, aber das Layout muss responsiv sein (Canvas füllt 100% des Fensters). * **Touch-Steuerung:** * **Einzeltap irgendwo:** Die primäre Interaktion. Tippen auf eine beliebige Stelle des Bildschirms löst die Fallrückzieher-Animation aus. Dies minimiert die UI-Unordnung und erlaubt dem Nutzer, sich auf den Ball zu konzentrieren. * **(Optional, Fortgeschritten) Wischen:** Falls einfaches Tippen zu einfach ist, implementiere einen "Zum Zielen Wischen"-Mechanismus, bei dem die Richtung des Wischens während des Schusses die anvisierte Ball-Ecke bestimmt. * **UI-Elemente:** * **Punktzahl & Kombo:** Große, fette Schrift in den oberen Ecken (Einhaltung des sicheren Bereichs). * **Leben:** Zeige verbleibende Versuche als Fußball-Icons an. * **Neustart-Button:** Ein großer Button (mind. 60x60px), der beim Spielende klar sichtbar in der Bildschirmmitte erscheint. * **Feedback:** * **Haptisch:** Löst eine kurze Vibration (über `navigator.vibrate`) bei erfolgreichem Ballkontakt und eine längere Vibration bei einem Pfosten-/Latten-Treffer aus. * **Visuell:** Bildschirmwackeln (Kamerawackeln), wenn ein kraftvoller Treffer erzielt wird. Text-Popups wie "PERFEKT!", "DANEBEN" erscheinen in der Nähe des Spielers.