Dris's Cloud

Your browser doesn't support WebGL. Try a modern browser to see the full galaxy experience.

Kingdom Candloria Pharmara

loading cloud

Your kingdoms await

Candloria

Click to enter

Pharmara

Click to enter

Kingdom

Click to enter

= renderer.domElement.getBoundingClientRect(); mouse.x = ((e.clientX - rect.left) / rect.width) * 2 - 1; mouse.y = -((e.clientY - rect.top) / rect.height) * 2 + 1; raycaster.setFromCamera(mouse, camera); const hits = raycaster.intersectObjects(hitProxies); return hits.length ? hits[0].object : null; } // Click renderer.domElement.addEventListener('click', e => { if (!charged || navigating) return; const hit = getRaycastHit(e); if (hit) navigate(CONFIGS[hit.userData.cfgIndex].id); }); // Hover renderer.domElement.addEventListener('mousemove', e => { if (!charged || navigating) return; const hit = getRaycastHit(e); const idx = hit ? hit.userData.cfgIndex : -1; if (idx !== hoveredIdx) { if (hoveredIdx >= 0) gsap.to(galaxyMeshes[hoveredIdx].scale, { x: 1, y: 1, z: 1, duration: .4, ease: 'power2.out' }); if (idx >= 0) gsap.to(galaxyMeshes[idx].scale, { x: 1.07, y: 1.07, z: 1.07, duration: .35, ease: 'power2.out' }); hoveredIdx = idx; } renderer.domElement.style.cursor = idx >= 0 ? 'pointer' : 'default'; });