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>
110 lines
1.7 KiB
JavaScript
110 lines
1.7 KiB
JavaScript
import { Object3D, Sphere, Box3 } from 'three';
|
|
import { XRHandMeshModel } from './XRHandMeshModel.js';
|
|
|
|
const TOUCH_RADIUS = 0.01;
|
|
const POINTING_JOINT = 'index-finger-tip';
|
|
|
|
class OculusHandModel extends Object3D {
|
|
|
|
constructor( controller, loader = null ) {
|
|
|
|
super();
|
|
|
|
this.controller = controller;
|
|
this.motionController = null;
|
|
this.envMap = null;
|
|
this.loader = loader;
|
|
|
|
this.mesh = null;
|
|
|
|
controller.addEventListener( 'connected', ( event ) => {
|
|
|
|
const xrInputSource = event.data;
|
|
|
|
if ( xrInputSource.hand && ! this.motionController ) {
|
|
|
|
this.xrInputSource = xrInputSource;
|
|
|
|
this.motionController = new XRHandMeshModel( this, controller, this.path, xrInputSource.handedness, this.loader );
|
|
|
|
}
|
|
|
|
} );
|
|
|
|
controller.addEventListener( 'disconnected', () => {
|
|
|
|
this.clear();
|
|
this.motionController = null;
|
|
|
|
} );
|
|
|
|
}
|
|
|
|
updateMatrixWorld( force ) {
|
|
|
|
super.updateMatrixWorld( force );
|
|
|
|
if ( this.motionController ) {
|
|
|
|
this.motionController.updateMesh();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
getPointerPosition() {
|
|
|
|
const indexFingerTip = this.controller.joints[ POINTING_JOINT ];
|
|
if ( indexFingerTip ) {
|
|
|
|
return indexFingerTip.position;
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
intersectBoxObject( boxObject ) {
|
|
|
|
const pointerPosition = this.getPointerPosition();
|
|
if ( pointerPosition ) {
|
|
|
|
const indexSphere = new Sphere( pointerPosition, TOUCH_RADIUS );
|
|
const box = new Box3().setFromObject( boxObject );
|
|
return indexSphere.intersectsBox( box );
|
|
|
|
} else {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
checkButton( button ) {
|
|
|
|
if ( this.intersectBoxObject( button ) ) {
|
|
|
|
button.onPress();
|
|
|
|
} else {
|
|
|
|
button.onClear();
|
|
|
|
}
|
|
|
|
if ( button.isPressed() ) {
|
|
|
|
button.whilePressed();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export { OculusHandModel };
|