Rubik Küp, tarayıcıda çalışan, gerçekçi ve tam oynanabilir bir 3×3 Rubik küpü prototipidir. Three.js tabanlı 3D sahne, fiziksel twist etkileşimi ve gerçek bir çözüm algoritması bir araya gelir.

Görsel & Sahne

Gerçek renkler ve siyah plastik gövde + yuvarlak parlak sticker'lar.
4k HDR ortam (Poly Haven) — küp gün batımı köprü manzarasında havada asılı, gerçek yansımalarla. Progressive yükleme: önce 1k anında, sonra 4k netleşir.
ACES tonemapping, image-based lighting (IBL) ile premium plastik görünüm.

Etkileşim

Gerçek Rubik twist: bir kareyi tutup sürükleyince, yüz normali × sürükleme yönü hesabıyla doğru katman döner (her yüzde).
Serbest döndürme: boş alanı sürükle → tüm küp orbit ile döner.
Zorluk: 12 / 24 / 48 ya da özel çift haneli sayıyla hızlı karıştırma.

Gerçek Çözüm — Kociemba

Three.js küpüne paralel bir mantıksal küp (cubejs) tutulur; her hamle ona aynalanır. “Çöz” butonu Kociemba iki-faz algoritmasıyla küpün o anki durumunu ~20 hamlede gerçekten çözer ve çözüm sahnede animasyonla oynanır — bu bir geri-sarma değil, gerçek bir solver'dır.

Teknoloji: Three.js (WebGL), RGBELoader + PMREM (HDR/IBL), OrbitControls, cubejs (Kociemba).

👉 Canlı prototipi dene →

Rubik Küp — 3D İnteraktif Prototip