47cf47f624
Complete 3D metaverse platform with: - Three.js 3D rendering - Cannon.js physics engine - Pointer lock controls - Procedural cityscape - Floating islands - Portal system - Particle effects - WebXR/VR support ready - Multiplayer ready (Socket.io) Features: - First-person controls (WASD + mouse) - Jump and run mechanics - Chat system - Real-time HUD - Loading screen - Responsive design Built with Vite for fast builds and hot reload. 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
863 B
JavaScript
29 lines
863 B
JavaScript
import { MOUSE, TOUCH } from 'three';
|
|
|
|
import { OrbitControls } from './OrbitControls.js';
|
|
|
|
// MapControls performs orbiting, dollying (zooming), and panning.
|
|
// Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
|
|
//
|
|
// Orbit - right mouse, or left mouse + ctrl/meta/shiftKey / touch: two-finger rotate
|
|
// Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
|
|
// Pan - left mouse, or arrow keys / touch: one-finger move
|
|
|
|
class MapControls extends OrbitControls {
|
|
|
|
constructor( object, domElement ) {
|
|
|
|
super( object, domElement );
|
|
|
|
this.screenSpacePanning = false; // pan orthogonal to world-space direction camera.up
|
|
|
|
this.mouseButtons = { LEFT: MOUSE.PAN, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.ROTATE };
|
|
|
|
this.touches = { ONE: TOUCH.PAN, TWO: TOUCH.DOLLY_ROTATE };
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export { MapControls };
|