3D-Zauberwürfel-App

Hier ist die Übersetzung ins Deutsche: Erstelle einen vollständigen, interaktiven 3D-Zauberwürfel in einer einzigen HTML-Datei mit Three.js. WAS ER TUT Ein voll funktionsfähiger 3D-Zauberwürfel, den der Benutzer drehen, mischen und lösen kann. Es ist eine visuelle und interaktive Demonstration von 3D-Mathematik und Animation. KERNFUNKTIONEN 1. 3D-Würfel Ein 3x3x3-Zauberwürfel, gerendert in Three.js Jede Seite hat eine eindeutige Farbe: Weiß, Gelb, Rot, Orange, Blau, Grün Jeder kleine Würfel (Cubie) ist zur visuellen Klarheit leicht getrennt Glatte, polierte 3D-Darstellung mit guter Beleuchtung 2. Steuerung OrbitControls: Klicken und Ziehen zum Drehen der Ansicht, Scrollen zum Zoomen "Scramble"-Button: führt eine zufällige Serie von Zügen aus (15-20 Züge) "Solve"-Button: macht die Scramble-Züge automatisch rückgängig Bewegungsgeschwindigkeit: Animationen sollten glatt und befriedigend sein 3. UI & HUD "Scramble"-Button unten links "Solve"-Button unten rechts Bewegungszähler: zeigt an, wie viele Züge gemacht wurden Eine saubere, dunkle Glas-UI (Dark Mode, moderne Ästhetik) 4. Interaktion Klicken auf eine Seite, um sie zu drehen (optional, aber schön zu haben) Visuelles Feedback, wenn ein Zug ausgeführt wird Kein Lag während der Animationen 5. Technische Details Verwende Three.js von CDN Der gesamte Code in einer einzigen HTML-Datei Glatte 60fps-Leistung Maussteuerung: Ziehen zum Drehen, Scrollen zum Zoomen Tastaturkürzel: 'R' zum Mischen, 'S' zum Lösen Erstelle einen polierten, interaktiven 3D-Zauberwürfel, mit dem jemand tatsächlich spielen möchte.