123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305 |
- /**
- * @author alteredq / http://alteredqualia.com/
- * @author Lewy Blue https://github.com/looeee
- *
- * The model is expected to follow real world car proportions. You can try unusual car types
- * but your results may be unexpected. Scaled models are also not supported.
- *
- * Defaults are rough estimates for a real world scale car model
- *
- */
- THREE.Car = ( function ( ) {
- // private variables
- var steeringWheelSpeed = 1.5;
- var maxSteeringRotation = 0.6;
- var acceleration = 0;
- var maxSpeedReverse, accelerationReverse, deceleration;
- var controlKeys = { LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40, BRAKE: 32 };
- var wheelOrientation = 0;
- var carOrientation = 0;
- var root = null;
- var frontLeftWheelRoot = null;
- var frontRightWheelRoot = null;
- var frontLeftWheel = new THREE.Group();
- var frontRightWheel = new THREE.Group();
- var backLeftWheel = null;
- var backRightWheel = null;
- var steeringWheel = null;
- var wheelDiameter = 1;
- var length = 1;
- var loaded = false;
- var controls = {
- brake: false,
- moveForward: false,
- moveBackward: false,
- moveLeft: false,
- moveRight: false
- };
- function Car( maxSpeed, acceleration, brakePower, turningRadius, keys ) {
- this.enabled = true;
- this.elemNames = {
- flWheel: 'wheel_fl',
- frWheel: 'wheel_fr',
- rlWheel: 'wheel_rl',
- rrWheel: 'wheel_rr',
- steeringWheel: 'steering_wheel', // set to null to disable
- };
- // km/hr
- this.maxSpeed = maxSpeed || 180;
- maxSpeedReverse = - this.maxSpeed * 0.25;
- // m/s
- this.acceleration = acceleration || 10;
- accelerationReverse = this.acceleration * 0.5;
- // metres
- this.turningRadius = turningRadius || 6;
- // m/s
- deceleration = this.acceleration * 2;
- // multiplied with deceleration, so breaking deceleration = ( acceleration * 2 * brakePower ) m/s
- this.brakePower = brakePower || 10;
- // exposed so that a user can use this for various effect, e.g blur
- this.speed = 0;
- // keys used to control car - by default the arrow keys and space to brake
- controlKeys = keys || controlKeys;
- // local axes of rotation - these are likely to vary between models
- this.wheelRotationAxis = 'x';
- this.wheelTurnAxis = 'z';
- this.steeringWheelTurnAxis = 'y';
- document.addEventListener( 'keydown', this.onKeyDown, false );
- document.addEventListener( 'keyup', this.onKeyUp, false );
- }
- Car.prototype = {
- constructor: Car,
- onKeyDown: function ( event ) {
- switch ( event.keyCode ) {
- case controlKeys.BRAKE:
- controls.brake = true;
- controls.moveForward = false;
- controls.moveBackward = false;
- break;
- case controlKeys.UP: controls.moveForward = true; break;
- case controlKeys.DOWN: controls.moveBackward = true; break;
- case controlKeys.LEFT: controls.moveLeft = true; break;
- case controlKeys.RIGHT: controls.moveRight = true; break;
- }
- },
- onKeyUp: function ( event ) {
- switch ( event.keyCode ) {
- case controlKeys.BRAKE: controls.brake = false; break;
- case controlKeys.UP: controls.moveForward = false; break;
- case controlKeys.DOWN: controls.moveBackward = false; break;
- case controlKeys.LEFT: controls.moveLeft = false; break;
- case controlKeys.RIGHT: controls.moveRight = false; break;
- }
- },
- dispose: function () {
- document.removeEventListener( 'keydown', this.onKeyDown, false );
- document.removeEventListener( 'keyup', this.onKeyUp, false );
- },
- update: function ( delta ) {
- if ( ! loaded || ! this.enabled ) return;
- var brakingDeceleration = 1;
- if ( controls.brake ) brakingDeceleration = this.brakePower;
- if ( controls.moveForward ) {
- this.speed = THREE.Math.clamp( this.speed + delta * this.acceleration, maxSpeedReverse, this.maxSpeed );
- acceleration = THREE.Math.clamp( acceleration + delta, - 1, 1 );
- }
- if ( controls.moveBackward ) {
- this.speed = THREE.Math.clamp( this.speed - delta * accelerationReverse, maxSpeedReverse, this.maxSpeed );
- acceleration = THREE.Math.clamp( acceleration - delta, - 1, 1 );
- }
- if ( controls.moveLeft ) {
- wheelOrientation = THREE.Math.clamp( wheelOrientation + delta * steeringWheelSpeed, - maxSteeringRotation, maxSteeringRotation );
- }
- if ( controls.moveRight ) {
- wheelOrientation = THREE.Math.clamp( wheelOrientation - delta * steeringWheelSpeed, - maxSteeringRotation, maxSteeringRotation );
- }
- // this.speed decay
- if ( ! ( controls.moveForward || controls.moveBackward ) ) {
- if ( this.speed > 0 ) {
- var k = exponentialEaseOut( this.speed / this.maxSpeed );
- this.speed = THREE.Math.clamp( this.speed - k * delta * deceleration * brakingDeceleration, 0, this.maxSpeed );
- acceleration = THREE.Math.clamp( acceleration - k * delta, 0, 1 );
- } else {
- var k = exponentialEaseOut( this.speed / maxSpeedReverse );
- this.speed = THREE.Math.clamp( this.speed + k * delta * accelerationReverse * brakingDeceleration, maxSpeedReverse, 0 );
- acceleration = THREE.Math.clamp( acceleration + k * delta, - 1, 0 );
- }
- }
- // steering decay
- if ( ! ( controls.moveLeft || controls.moveRight ) ) {
- if ( wheelOrientation > 0 ) {
- wheelOrientation = THREE.Math.clamp( wheelOrientation - delta * steeringWheelSpeed, 0, maxSteeringRotation );
- } else {
- wheelOrientation = THREE.Math.clamp( wheelOrientation + delta * steeringWheelSpeed, - maxSteeringRotation, 0 );
- }
- }
- var forwardDelta = - this.speed * delta;
- carOrientation -= ( forwardDelta * this.turningRadius * 0.02 ) * wheelOrientation;
- // movement of car
- root.position.x += Math.sin( carOrientation ) * forwardDelta * length;
- root.position.z += Math.cos( carOrientation ) * forwardDelta * length;
- // angle of car
- root.rotation.y = carOrientation;
- // wheels rolling
- var angularSpeedRatio = - 2 / wheelDiameter;
- var wheelDelta = forwardDelta * angularSpeedRatio * length;
- frontLeftWheel.rotation[ this.wheelRotationAxis ] -= wheelDelta;
- frontRightWheel.rotation[ this.wheelRotationAxis ] -= wheelDelta;
- backLeftWheel.rotation[ this.wheelRotationAxis ] -= wheelDelta;
- backRightWheel.rotation[ this.wheelRotationAxis ] -= wheelDelta;
- // rotation while steering
- frontLeftWheelRoot.rotation[ this.wheelTurnAxis ] = wheelOrientation;
- frontRightWheelRoot.rotation[ this.wheelTurnAxis ] = wheelOrientation;
- steeringWheel.rotation[ this.steeringWheelTurnAxis ] = -wheelOrientation * 6;
- },
- setModel: function ( model, elemNames ) {
- if ( elemNames ) this.elemNames = elemNames;
- root = model;
- this.setupWheels();
- this.computeDimensions();
- loaded = true;
- },
- setupWheels: function () {
- frontLeftWheelRoot = root.getObjectByName( this.elemNames.flWheel );
- frontRightWheelRoot = root.getObjectByName( this.elemNames.frWheel );
- backLeftWheel = root.getObjectByName( this.elemNames.rlWheel );
- backRightWheel = root.getObjectByName( this.elemNames.rrWheel );
- if ( this.elemNames.steeringWheel !== null ) steeringWheel = root.getObjectByName( this.elemNames.steeringWheel );
- while ( frontLeftWheelRoot.children.length > 0 ) frontLeftWheel.add( frontLeftWheelRoot.children[ 0 ] );
- while ( frontRightWheelRoot.children.length > 0 ) frontRightWheel.add( frontRightWheelRoot.children[ 0 ] );
- frontLeftWheelRoot.add( frontLeftWheel );
- frontRightWheelRoot.add( frontRightWheel );
- },
- computeDimensions: function () {
- var bb = new THREE.Box3().setFromObject( frontLeftWheelRoot );
- var size = new THREE.Vector3();
- bb.getSize( size );
- wheelDiameter = Math.max( size.x, size.y, size.z );
- bb.setFromObject( root );
- size = bb.getSize( size );
- length = Math.max( size.x, size.y, size.z );
- }
- };
- function exponentialEaseOut( k ) {
- return k === 1 ? 1 : - Math.pow( 2, - 10 * k ) + 1;
- }
- return Car;
- } )();
|