3D-3x3x3-Rubik’s-Cube-Speedcubing im Web
(rubiks-cube-sandy.vercel.app)Ein webbasiertes 3D-Rubik’s-Cube-Projekt, erstellt mit Three.js und React.
Ich habe versucht, die Steuerung per Tastaturkürzeln schnell und intuitiv zu gestalten,
und außerdem einen Speedcubing-Timer implementiert.
Wichtige Funktionen
• Natürliche 3D-Rotationsanimationen wie bei einem echten Cube
• Schnelle Steuerung per QWEASD-Tastaturbelegung
• Unterstützung für 16 Kamerawinkel (oben, unten, Eckansichten usw.)
• Speedcubing-Timer und Verwaltung der Rekorde
• Online-Ranking-System
• Rückgängig/Wiederholen-Funktion
Hintergrund der Entwicklung
Nachdem ich Interesse an Three.js entwickelt hatte und nach einem 3D-Webprojekt suchte,
kam mir die Idee, dass es Spaß machen würde, das Speedcubing, das ich ohnehin gerne betreibe, auch im Web zu genießen und online mit anderen um Bestzeiten zu konkurrieren, also habe ich es entwickelt.
Nach dem Lernen von Three.js habe ich es mit Claude Code entwickelt.
Ich habe versucht, ein Erlebnis zu bieten, das dem echten Cube so ähnlich wie möglich ist, aber es dauert definitiv etwas, sich daran zu gewöhnen..!
Es gibt noch vieles zu verbessern. Wenn ihr es ausprobiert und mir Feedback gebt, würde ich mich sehr freuen!
p.s. Die persönliche Bestzeit des Entwicklers lag bei 1:14:361 :)
14 Kommentare
Vielen Dank für die netten Worte!
Es freut mich, zu sehen, wie sich nach und nach einige Rekorde ansammeln, haha.
Obwohl ich mich beim Erstellen daran gewöhnt habe, liegt mein bester Rekord auch nur bei 1 Minute 14 Sekunden,
aber ich war überrascht, dass es jemanden gab, der schon an einem einzigen Tag die 1-Minuten-Marke geknackt hat..!
Großartig, haha
Oh … das weckt Erinnerungen …
Es wäre schön, wenn sich die Kamera nicht nur mit den Pfeiltasten, sondern auch mit den Buchstabentasten steuern ließe. Ich benutze eine Tastatur, bei der die Pfeiltasten zwingend nur über eine Tastenkombination eingegeben werden können.
Das könnte in solchen Fällen sicherlich auch vorkommen.
Vielen Dank für die gute Anregung!
Ich habe das bereits berücksichtigt und ein Update eingespielt :)
Die Tasteneingabe scheint nur zugelassen zu sein, nachdem die Rotationsanimation beendet ist.
Wenn man die Tasteneingaben in einer Queue (
limit=1) sammelt und nach Abschluss der Animation anhand der zuletzt eingegebenen Taste die nächste Aktion ausführt, wären flüssigere Steuerungen möglich.Ich habe es berücksichtigt und aktualisiert!
Vielen Dank für die gute Anregung 👍
Vielen Dank für die netten Worte.
Ich habe das Feedback berücksichtigt und die Einstellungen für die Farb-Presets aktualisiert.
Ich freue mich über weiteres Interesse :)
Das haben Sie wirklich gut gemacht!
Wow, das ist ja unglaublich cool.
Wow, großartig. Ich kann den Würfel selbst gar nicht lösen … haha
Danke :)
Wenn Sie die zusätzliche Taste für die Drehung gegen den Uhrzeigersinn als rechten Steuerungsbutton einbauen könnten, wäre es etwas einfacher. Es wirkt, als wäre nur die linke Hand extrem beschäftigt. :D Und außerdem ist der Orangeton viel zu kräftig, sodass ich ihn auf meinem Monitor nicht gut von Rot unterscheiden kann :(
Ich habe der rechten Hand die Rolle für die Perspektivänderung zugewiesen, um die direkte Würfelsteuerung so weit wie möglich zu reduzieren, aber die linke Hand ist dadurch definitiv stärker beschäftigt. Ich werde auch Bedienelemente auf der rechten Seite in Betracht ziehen!
Bei den Farbtönen sollte ich wohl ebenfalls einige Optionen anbieten können.
Danke für das Feedback :)