Web’de keyifle oynanan 3D 3x3x3 Rubik Küp speedcubing
(rubiks-cube-sandy.vercel.app)Three.js ve React ile yapılmış web tabanlı 3D bir Rubik Küp.
Klavye kısayollarıyla hızlı ve sezgisel biçimde kontrol edilebilmesi için uğraştım,
speedcubing zamanlayıcısı da ekledim.
Başlıca özellikler
• Gerçek bir küp gibi doğal 3D dönüş animasyonları
• QWEASD klavye eşlemesiyle hızlı kontrol
• 16 kamera açısı desteği (üst, alt, köşe görünümü vb.)
• Speedcubing zamanlayıcısı ve kayıt yönetimi
• Çevrimiçi sıralama sistemi
• Geri al/yeniden yap özelliği
Geliştirme arka planı
Three.js’e ilgi duymaya başlayınca 3D web projeleri ararken,
normalde keyifle yaptığım speedcubing’i web’de de oynayabilsem ve çevrimiçi olarak başkalarıyla derecelerde yarışabilsem eğlenceli olur diye düşünüp geliştirdim.
Three.js’i öğrendikten sonra Claude Code kullanarak geliştirdim.
Gerçek küpe mümkün olduğunca benzer bir deneyim sunmaya çalıştım ama alışmak gerçekten biraz zaman alıyor..!
Hâlâ geliştirilecek çok şey var. Deneyip geri bildirim verirseniz sevinirim!
p.s. Geliştiricinin en iyi derecesi 1:14:361 idi :)
14 yorum
Güzel sözleriniz için teşekkürler!
Rekorların birkaçer birkaçer biriktiğini görmek hoşuma gidiyor haha
Bunu yaparken alışan ben bile en iyi derecem 1 dakika 14 saniye iken
bir günde 1 dakikayı gören biri çıkmasına şaşırdım..!
Harika haha
Oo.. ne nostalji ama..
Kamera kontrolünün yön tuşları yerine İngilizce harf tuşlarıyla da yapılabilmesi iyi olurdu. Yön tuşlarının zorunlu olarak yalnızca tuş kombinasyonlarıyla girildiği bir klavye kullanıyorum.
Kesinlikle böyle durumlar da olabilir.
Değerli görüşünüz için teşekkürler!
Dikkate alıp güncellemeyi yaptım :)
Görünüşe göre tuş girişi yalnızca dönüş animasyonu bittikten sonra kabul ediliyor.
Tuş girişlerini bir kuyruğa (
limit=1) ekleyip, animasyon tamamlandıktan sonra en son girilen tuşa göre bir sonraki hareketi çalıştırırsanız daha akıcı bir kontrol mümkün olabilir gibi görünüyor.Yansıtıp güncelledim!
Değerli görüşünüz için teşekkürler 👍
Güzel sözleriniz için teşekkür ederim.
Geri bildirimleri yansıtarak renk ön ayarı ayarını güncelledim.
İlginizi bekliyorum :)
Güzel yapmışsınız!
Vay canına, çok harika.
Vay, çok havalı. Küpün kendisini çevirmeyi bile bilmiyorum.. haha
Teşekkürler :)
Saat yönünün tersine çevirme için ek bir düğmeyi sağ taraftaki kontrol düğmesi olarak yaparsanız biraz daha kullanışlı olur gibi. Sol el aşırı meşgul kalıyor gibi duruyor. haha Bir de turuncu ton çok güçlü olduğu için benim monitörümde kırmızıyla iyi ayırt edilemiyor ağlama ifadesi
Sağ ele bakış açısını değiştirme görevini verdiğim için küpü mümkün olduğunca az kontrol ettirdim, ama kesinlikle sol el daha yoğun çalışıyor gibi görünüyor. Sağ taraftaki kontrolleri de değerlendireceğim!
Renk tonu konusunda da birkaç seçenek sunabilmek için çalışmam gerekecek gibi görünüyor.
Geri bildiriminiz için teşekkürler :)