Examples: Added muzzle fire to FPS demo

Mugen87 · Oct 6, 2018 · dcaff13 · dcaff13
1 parent ac17e31
commit dcaff13
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 3 deletions.
diff --git a/examples/entity/shooter/index.html b/examples/entity/shooter/index.html
@@ -116,6 +116,7 @@
 
 				mixer = new THREE.AnimationMixer( player.weapon );
 
+				buildMuzzleEffect( player.weapon, weaponMesh );
 				buildAnimations( player.weapon );
 
 			} );
@@ -224,6 +225,23 @@
 
 		}
 
+		function buildMuzzleEffect( weapon, weaponMesh ) {
+
+			const loader = new THREE.TextureLoader();
+			const texture = loader.load( 'model/muzzle.png' );
+
+			const material = new THREE.SpriteMaterial( { map: texture } );
+			const sprite = new THREE.Sprite( material );
+
+			sprite.position.set( 0, 0.13, - 0.4 );
+			sprite.scale.set( 0.3, 0.3, 0.3 );
+			sprite.visible = false;
+
+			weaponMesh.add( sprite );
+			weapon.muzzle = sprite;
+
+		}
+
 		function buildAnimations( weapon ) {
 
 			// manually create some keyframes for testing

diff --git a/examples/entity/shooter/model/muzzle.png b/examples/entity/shooter/model/muzzle.png
diff --git a/examples/entity/shooter/src/Blaster.js b/examples/entity/shooter/src/Blaster.js
@@ -19,6 +19,7 @@ class Blaster extends Weapon {
 
 		this.animations = new Map();
 		this.sounds = new Map();
+		this.muzzle = null;
 
 	}
 
@@ -90,7 +91,18 @@ class Blaster extends Weapon {
 			animation.stop();
 			animation.play();
 
-			//
+			// muzzle
+
+			this.muzzle.visible = true;
+			this.muzzle.material.rotation = Math.random() * Math.PI;
+
+			setTimeout( () => {
+
+				this.muzzle.visible = false;
+
+			}, 100 );
+
+			// adjust ammo
 
 			this.roundsLeft --;
 

diff --git a/examples/entity/shooter/src/FirstPersonControls.js b/examples/entity/shooter/src/FirstPersonControls.js
@@ -24,7 +24,7 @@ class FirstPersonControls extends EventDispatcher {
 
 		this.lookingSpeed = 1;
 		this.brakingPower = 10;
-		this.headMovement = 1;
+		this.headMovement = 0.75;
 
 		this.input = {
 			forward: false,

diff --git a/examples/entity/shooter/src/Player.js b/examples/entity/shooter/src/Player.js
@@ -26,7 +26,7 @@ class Player extends MovingEntity {
 
 		//
 
-		this.maxSpeed = 80;
+		this.maxSpeed = 100;
 		this.updateOrientation = false;
 
 	}