Issue #98 Implemented torch lighting to follow player

LearnTeachCode · Dec 1, 2018 · 816a867 · 816a867
1 parent 3fa4ed9
commit 816a867
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 2 deletions.
diff --git a/client/assets/img/fogLayer.png b/client/assets/img/fogLayer.png
diff --git a/client/config/config.js b/client/config/config.js
@@ -169,6 +169,11 @@ config.default.player = {
     src: "../spriteLocation.png"
 };
 
+config.default.fog = {
+    key: "fog",
+    src: "assets/img/fogLayer.png"
+}
+
 config.default.blocks = {
    full: {
        score: 25,
@@ -190,7 +195,7 @@ config.default.blocks = {
 config.default.score = {
     style : {
         font: "bold 30px Courier",
-        color: "#fff",
+        fill: "#fff",
     },
     interface: {},
     amount: 0,

diff --git a/client/index.html b/client/index.html
@@ -19,7 +19,7 @@
         <script type="text/javascript" src="js/gameLoopTools/neutralMap.js"></script>
         <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/loadingScreen.js"></script>
+        <script type="text/javascript" src="js/gameLoopTools/fogUtilities.js"></script>
         <script type="text/javascript" src="js/gameLoop.js"></script>
         <script type="text/javascript" src="js/gameOverState.js"></script>
         <script type="text/javascript" src="js/stateManager.js"></script>

diff --git a/client/js/gameLoop.js b/client/js/gameLoop.js
@@ -34,6 +34,7 @@ gameLoop = {
         ];
         gameLoop.player.sprite = game.add.sprite(...playerStartData);
         playerUtilities.create(gameLoop.player);
+        fogUtilities.create(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; });
 

diff --git a/client/js/gameLoopTools/fogUtilities.js b/client/js/gameLoopTools/fogUtilities.js
@@ -0,0 +1,7 @@
+const fogUtilities = {};
+fogUtilities.create = (player) => {
+    let fogSprite = game.make.sprite(0, 0, config.default.fog.key);
+    let fogCenter = [0.5, 0.5];
+    fogSprite.anchor.setTo(...fogCenter);
+    player.sprite.addChild(fogSprite);
+};
diff --git a/client/js/load.js b/client/js/load.js
@@ -141,6 +141,7 @@ loadState = {
         game.load.image(config.loader.placeHolder.key, config.loader.placeHolder.src);
         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.fog.key, config.default.fog.src);
 
         // Game over loads
         game.load.image(config.gameOverState.restartButton.key, config.gameOverState.restartButton.src);