Logo
Viewport
width: 0px • mode: desktop (>=768px)
📷 Camera Position
X: 0.00
Y: 0.00
Z: 0.00
🎯 Target (pan)
X: 0.00
Y: 0.00
Z: 0.00
Zoom (distance): 0.00
Tip (responsive mode):
• 1-finger drag = rotate (or pan if Pan mode is ON)
• 2-finger drag = pan (changes target)
• pinch = zoom
Capture button prints JSON into console + tries to copy.
🏷️ Cards: 0
Click "Add Card" to spawn a React-based card at world origin (0,0,0).
• Drag card to move in 3D space
• Edit label/description inline
• Click ✕ to delete

NyRock 3D Model Viewer — Interactive Architectural Visualization

Explore NyRock's 3D architectural model in an interactive web viewer. This Three.js-powered application features orbit controls, studio-quality HDR lighting, real-time shadows, and performance controls for FPS and DPR scaling.

Features

  • Interactive orbit, pan, and zoom controls
  • Studio-quality environment lighting with HDR maps
  • Real-time shadow rendering
  • Adjustable performance settings (FPS and DPR)
  • Mobile-responsive with touch gesture support
  • Built with Three.js, React Three Fiber, and drei

Technology

Built by NyRock using Three.js, React Three Fiber (@react-three/fiber), drei (@react-three/drei), and GSAP. Demonstrates cutting-edge 3D web development capabilities for architectural visualization, product configurators, and immersive web experiences.