From 7ebd91e70b9132d32555b974efd62fdeffba8033 Mon Sep 17 00:00:00 2001
From: Hong Luu <hluu114@gmail.com>
Date: Sat, 1 Dec 2018 05:25:47 -0800
Subject: [PATCH] Issue #98 Implemented particles, but need to emit from staff
 and not from face

---
 client/assets/img/bubble.png                  | Bin 0 -> 8772 bytes
 .../img/{fogLayer.png => darknessLayer.png}   | Bin
 client/config/config.js                       |  12 +++++--
 client/index.html                             |   1 +
 client/js/gameLoop.js                         |  11 +++---
 client/js/gameLoopTools/particlesUtilities.js |  34 ++++++++++++++++++
 client/js/load.js                             |   1 +
 7 files changed, 53 insertions(+), 6 deletions(-)
 create mode 100644 client/assets/img/bubble.png
 rename client/assets/img/{fogLayer.png => darknessLayer.png} (100%)
 create mode 100644 client/js/gameLoopTools/particlesUtilities.js

diff --git a/client/assets/img/bubble.png b/client/assets/img/bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2caa4c96854f5080eae2be4cde5f9b56f4f319b
GIT binary patch
literal 8772
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

literal 0
HcmV?d00001

diff --git a/client/assets/img/fogLayer.png b/client/assets/img/darknessLayer.png
similarity index 100%
rename from client/assets/img/fogLayer.png
rename to client/assets/img/darknessLayer.png
diff --git a/client/config/config.js b/client/config/config.js
index 488750a..08cab73 100644
--- a/client/config/config.js
+++ b/client/config/config.js
@@ -172,8 +172,16 @@ config.default.player = {
 };
 
 config.default.darkness = {
-    key: "fog",
-    src: "assets/img/fogLayer.png"
+    key: "darkness",
+    src: "assets/img/darknessLayer.png"
+}
+
+config.default.particles = {
+    key: "particles",
+    src: "assets/img/bubble.png",
+    emitter: {},
+    offsetX: 0,
+    offsetY: 0
 }
 
 config.default.blocks = {
diff --git a/client/index.html b/client/index.html
index 8b848ba..a9a2c2d 100644
--- a/client/index.html
+++ b/client/index.html
@@ -22,6 +22,7 @@
     <script type="text/javascript" src="js/gameLoopTools/playerUtilities.js"></script>
     <script type="text/javascript" src="js/gameLoopTools/blockUtilities.js"></script>
     <script type="text/javascript" src="js/gameLoopTools/darknessUtilities.js"></script>
+    <script type="text/javascript" src="js/gameLoopTools/particlesUtilities.js"></script>
     <script type="text/javascript" src="js/gameLoopTools/scoreUtilities.js"></script>
     <script type="text/javascript" src="js/gameLoop.js"></script>
     <script type="text/javascript" src="js/gameOverState.js"></script>
diff --git a/client/js/gameLoop.js b/client/js/gameLoop.js
index 8784b63..220b304 100644
--- a/client/js/gameLoop.js
+++ b/client/js/gameLoop.js
@@ -6,10 +6,11 @@ gameLoop = {
 
     init: (data) => {
         data = typeof data === "undefined" ? {} : data;
-        gameLoop.player  = data.player   || config.default.player;
-        gameLoop.score   = data.score    || config.default.score;
-        gameLoop.width   = data.width    || config.init.screenWidth;
-        gameLoop.height  = data.height   || config.init.screenHeight;
+        gameLoop.player     = data.player       || config.default.player;
+        gameLoop.score      = data.score        || config.default.score;
+        gameLoop.particles   = data.particles     || config.default.particles;
+        gameLoop.width      = data.width        || config.init.screenWidth;
+        gameLoop.height     = data.height       || config.init.screenHeight;
         gameLoop.xStartRegion = data.xStartRegion || config.gameLoop.xStartRegion;
         gameLoop.yStartRegion = data.yStartRegion || config.gameLoop.yStartRegion;
         gameLoop.difficulty   = data.difficulty   || config.default.settings.difficulty;
@@ -39,6 +40,7 @@ gameLoop = {
         gameLoop.player.sprite = game.add.sprite(...playerStartData);
         playerUtilities.create(gameLoop.player);
         darknessUtilities.create(gameLoop.player);
+        particlesUtilities.create(gameLoop.particles, gameLoop.player);
         // clicking the mouse during this state will change the control type to mouse
         game.input.onDown.add(() => { gameLoop.player.controlType = config.default.controls.mouse; });
 
@@ -55,6 +57,7 @@ gameLoop = {
     update: () => {
         mapController.update();
         playerUtilities.update(gameLoop.player);
+        particlesUtilities.update(gameLoop.particles, gameLoop.player);
 
         // update score
         scoreUtilities.setText(gameLoop.score, gameLoop.score.amount + gameLoop.score.bonus);
diff --git a/client/js/gameLoopTools/particlesUtilities.js b/client/js/gameLoopTools/particlesUtilities.js
new file mode 100644
index 0000000..18d69e5
--- /dev/null
+++ b/client/js/gameLoopTools/particlesUtilities.js
@@ -0,0 +1,34 @@
+const particlesUtilities = {};
+particlesUtilities.create = (particles, player) => {
+    let emitterX = player.sprite.x + config.default.particles.offsetX;
+    let emitterY = player.sprite.y + config.default.particles.offsetY;
+    particles.emitter = game.add.emitter(emitterX, emitterY, 200);
+
+    particles.emitter.makeParticles(config.default.particles.key);
+
+    particles.emitter.setRotation(0, 100);
+    particles.emitter.setAlpha(1, 1);
+    particles.emitter.setScale(0.3, 0, 0.3, 0, 3000);
+    particles.emitter.gravity = 200;
+
+    //	false means don't explode all the sprites at once, but instead release at a rate of one particle per 100ms
+    //	The 5000 value is the lifespan of each particle before it's killed
+    particles.emitter.start(false, 1000, 100);
+};
+
+particlesUtilities.update = (particles, player) => {
+    var px = player.sprite.body.velocity.x;
+    var py = player.sprite.body.velocity.y;
+
+    px *= -1;
+    py *= -1;
+
+    particles.emitter.minParticleSpeed.set(px, py);
+    particles.emitter.maxParticleSpeed.set(px, py);
+
+    particles.emitter.emitX = player.sprite.x + config.default.particles.offsetX;
+    particles.emitter.emitY = player.sprite.y + config.default.particles.offsetY;
+
+    // emitter.forEachExists(game.world.wrap, game.world);
+    game.world.wrap(player.sprite, 64);
+};
\ No newline at end of file
diff --git a/client/js/load.js b/client/js/load.js
index 906edff..72a9111 100644
--- a/client/js/load.js
+++ b/client/js/load.js
@@ -142,6 +142,7 @@ loadState = {
         game.load.image(config.default.blocks.quarter.key, config.default.blocks.quarter.src);
         game.load.image(config.default.neutralMap.key, config.default.neutralMap.src);
         game.load.image(config.default.darkness.key, config.default.darkness.src);
+        game.load.image(config.default.particles.key, config.default.particles.src);
 
         // Game over loads
         game.load.image(config.gameOverState.restartButton.key, config.gameOverState.restartButton.src);