An interactive 3D trackball interface built with React Three Fiber and Next.js. Features a textured gray sphere that responds to touch and mouse input, rotating smoothly along X and Y axes. The sphere displays a visible grid texture that makes rotation clearly visible, with real-time angle measurements displayed below. Perfect for mobile-first applications requiring intuitive 3D input controls or demonstrating 3D interaction patterns. Key Features: - Fully responsive 3D sphere taking 40% of viewport - Touch and mouse drag support for rotation - Real-time X/Y rotation angle display - Visible grid texture for rotation feedback - No gimbal lock using quaternion-based rotation - Clean, minimal white background design - Mobile-optimized with visual touch indicators
Last Updated 7 days ago