MOVE!!!!! + InfoBarGlow

js/game.js

@@ -189,8 +189,33 @@ function prepairRender() {
 
 var infoBarIcons = ["build.png", "move.png", "rotate.png", "delete.png", null, "upgrade.png", "info.png", null, "rocket.png"]
 
+var infoGlowOpacity = 0
+var infoGlowOpacityD = 0.03
+
 function drawInfoBar() {
   infoCtx.clearRect(0, 0, innerWidth, innerHeight)
+  var selectedX = -1;
+  if (mode == "build" || mode == "selectbuilding") {
+    selectedX = 0
+  } else if(mode=="move"){
+    selectedX = 1
+  }
+
+  if (selectedX != -1) {
+    infoCtx.globalAlpha = infoGlowOpacity + 0.2
+    infoCtx.beginPath();
+    infoCtx.arc(selectedX * 48 + 24, 24, 24, 0, 2 * Math.PI);
+    infoCtx.fillStyle = "orange"
+    infoCtx.fill()
+    if (infoGlowOpacity < 0) {
+      infoGlowOpacityD = +0.02
+    }
+    if (infoGlowOpacity > 0.4) {
+      infoGlowOpacityD = -0.02
+    }
+    infoGlowOpacity += infoGlowOpacityD
+    infoCtx.globalAlpha = 1
+  }
   for (var i = 0; i < infoBarIcons.length; i++) {
     if (infoBarIcons[i] != null) {
       var img = new Image;

js/userinterface.js

@@ -118,12 +118,24 @@ function clickEvents() {
             mode = "none"
           }
           break
+        case 1:
+          //MOVE BUTTON
+          if (mode == "none") {
+            mode = "move"
+          } else {
+            mode = "none"
+          }
+          break
       }
     }
   })
 }
 
 var toBuild = {}
+var moveFromX = 0
+var moveFromY = 0
+var moveFromCX = -1
+var moveFromCY = -1
 
 function buildEvents() {
   $('img').click(function() {
@@ -137,9 +149,72 @@ function buildEvents(){
   })
   $('#screen').click(function() {
     if (mode == "build") {
-      if(factorys[currentFactory].tiles[cursorScreenX][cursorScreenY]!=null){
+      if (factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] == 0) {
         factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] = new toBuild(cursorScreenX, cursorScreenY)
       }
     }
+    if (mode == "move") {
+      if (isCursorInScreen) {
+        if (factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] != 0) {
+          moveFromCX = cursorScreenX
+          moveFromCY = cursorScreenY
+        } else if (moveFromCX != -1) {
+          if (factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] == 0) {
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] = factorys[currentFactory].tiles[moveFromCX][moveFromCY]
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY].x = cursorScreenX
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY].y = cursorScreenY
+            factorys[currentFactory].tiles[moveFromCX][moveFromCY] = 0
+          } else {
+            moveFromCX = cursorScreenX
+            moveFromCY = cursorScreenY
+          }
+          moveFromCX = -1
+          moveFromCY = -1
+        }
+      }
+    }
+  })
+
+  $('body').mousedown(function() {
+    if (mode == "move") {
+      if (isCursorInScreen) {
+        moveFromX = cursorScreenX
+        moveFromY = cursorScreenY
+      }
+    }
+  })
+
+  $('body').mouseup(function() {
+    if (mode == "move") {
+      if (isCursorInScreen && moveFromX != -1) {
+        if (moveFromX != cursorScreenX || moveFromY != cursorScreenY) {
+          if (factorys[currentFactory].tiles[moveFromX][moveFromY] != 0 && factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] == 0) {
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] = factorys[currentFactory].tiles[moveFromX][moveFromY]
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY].x = cursorScreenX
+            factorys[currentFactory].tiles[cursorScreenX][cursorScreenY].y = cursorScreenY
+            factorys[currentFactory].tiles[moveFromX][moveFromY] = 0
+          }
+          moveFromX = -1
+          moveFromY = -1
+
+        }
+      }
+    }
+  })
+
+  $('body').on("contextmenu", function() {
+    if (mode == "build") {
+      mode = "none"
+      return false
+    }
+    if (mode == "selectbuilding") {
+      mode = "none"
+      $('#buildselect').fadeOut(200)
+      return false
+    }
+    if (mode == "move") {
+      mode = "none"
+      return false
+    }
   })
 }