Speedcubing Rubik's Cube 3D 3x3x3 yang Bisa Dimainkan di Web

Ini adalah Rubik's Cube 3D berbasis web yang dibuat dengan Three.js dan React.
Saya berusaha agar bisa dikendalikan dengan cepat dan intuitif melalui pintasan keyboard,
dan juga telah mengimplementasikan timer speedcubing.

Fitur utama
• Animasi rotasi 3D yang natural seperti kubus asli
• Kontrol cepat dengan pemetaan keyboard QWEASD
• Mendukung 16 sudut kamera (atas, bawah, tampilan sudut, dll.)
• Timer speedcubing dan pengelolaan catatan waktu
• Sistem peringkat online
• Fitur undo/redo

Latar belakang pengembangan
Setelah tertarik dengan Three.js dan mencari proyek web 3D,
saya berpikir akan seru jika speedcubing yang biasa saya nikmati juga bisa dimainkan di web dan bisa bersaing catatan waktunya dengan orang lain secara online, jadi saya mengembangkannya.
Setelah mempelajari Three.js, saya mengembangkannya menggunakan Claude Code.

Saya berusaha memberikan pengalaman yang semirip mungkin dengan kubus asli, tetapi memang butuh sedikit waktu untuk beradaptasi..!
Masih banyak yang perlu ditingkatkan. Silakan dicoba, dan saya akan berterima kasih jika Anda memberikan masukan!

p.s. Rekor terbaik pengembang adalah 1:14:361 :)

🔗 https://rubiks-cube-sandy.vercel.app/

[kuneosu]

Terima kasih atas kata-kata baiknya!
Senang rasanya melihat rekor demi rekor mulai terkumpul, hehe
Bahkan saya yang sudah terbiasa saat membuatnya pun rekor terbaik saya baru 1 menit 14 detik,
tapi saya kaget karena ada yang berhasil menembus 1 menit hanya dalam sehari..!

[yangeok]

Keren hehe

[baeba]

Oh.. jadi nostalgia..

[dbs0829]

Akan lebih bagus jika kontrol kamera juga bisa dilakukan dengan tombol huruf, bukan hanya tombol panah. Saya menggunakan keyboard yang mewajibkan tombol panah dimasukkan hanya melalui kombinasi tombol.

[kuneosu]

Memang, kasus seperti itu tentu bisa saja terjadi.
Terima kasih atas masukan yang bagus!
Sudah saya terapkan dan perbarui :)

[bakyeono]

Tampaknya input tombol hanya diterima setelah animasi rotasi selesai.
Jika input tombol dimasukkan ke antrean (limit=1), lalu setelah animasi selesai tindakan berikutnya dijalankan berdasarkan tombol terakhir yang diinput, sepertinya kontrol bisa menjadi lebih mulus.

[kuneosu]

Sudah saya perbarui dengan mencerminkan masukan tersebut!
Terima kasih atas sarannya yang bagus 👍

[kuneosu]

Terima kasih atas kata-kata baiknya.
Saya sudah memperbarui pengaturan preset warna dengan mencerminkan masukan yang diberikan.
Mohon dukungannya :)

[nottiger]

Bagus sekali pembuatannya!

[seoseonyu]

Wah, keren banget.

[dlehals2]

Wah, keren. Saya bahkan tidak tahu cara memainkan kubusnya sendiri.. wkwk

[kuneosu]

Terima kasih :)

[ianki]

Kalau tombol tambahan untuk putaran berlawanan arah jarum jam dibuat sebagai tombol kontrol di sisi kanan, sepertinya akan lebih mudah. Tangan kiri rasanya jadi super sibuk. wkwk Dan nuansa oranyenya terlalu kuat, jadi di monitor saya agak susah dibedakan dari merah huhu

[kuneosu]

Saya menetapkan tangan kanan untuk fungsi mengubah sudut pandang agar manipulasi kubus seminimal mungkin, tetapi memang tangan kiri jadi lebih sibuk. Saya juga akan mempertimbangkan kontrol di sisi kanan!
Untuk hal terkait rona warna, sepertinya saya juga perlu mencoba menyediakan beberapa opsi.
Terima kasih atas masukannya :)