Merge branch 'master' of https://github.com/grafkom-b-if-its-2019/final-project-jammakansiang

Author: ranggakd

Assets/favicon.png

@@ -2,14 +2,16 @@ body {
     margin: 0; 
 }
 
-#c { 
+body, #c { 
     width: 100%; 
     height: 100%;
     display: block;
-    background: url(../img/bg.jpg) no-repeat center center ;
+    /*background: url(../img/bg.jpg) no-repeat center center ;
     background-repeat: no-repeat;
     background-size: cover;
-    background-position: center;
+    background-position: center; */
+    background: rgb(131,58,180);
+    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
 }
 
 #score {

Assets/mainlagi.png

@@ -30,6 +30,7 @@ let hue = 0;
 let scoreValue = 0;
 var scoreDisplay = document.getElementById("score");
 var gameoverDisplay = document.getElementById("game-over");
+var playagainButton = document.getElementById("playagain");
 var isPlay=0;
 var myAudio = new Audio('../sound/ingame.mp3');
 var geoo;
@@ -106,15 +107,20 @@ function loop() {
             brick.move();
 
             let message = {
-                position: new Array(),
-                scale: new Array()
-            }
-
+                score: scoreValue,
+                property: []
+            };
+            
             for(let i = 0;i < bricks.size(); i++) {
-                message.position.push(bricks.items[i].position);
-                message.scale.push(bricks.items[i].scale);
+                let object = {
+                    position: bricks.items[i].position,
+                    scale: bricks.items[i].scale,
+                    color: bricks.items[i].color
+                };
+                message.property.push(object);
             }
-            // socket.emit('sync', message);
+
+            socket.emit('sync', message);
             nambahlagu();
             break;
 
@@ -209,6 +215,10 @@ function loop() {
 
             // Enable view gameover
             gameoverDisplay.style.display = "block";
+            playagainButton.onclick = function() {
+                command = PLAYAGAIN;
+            }
+
             break;
         case PLAYAGAIN:
             // re-inisialisasi semua block
@@ -254,7 +264,7 @@ function onKeyDown(event) {
         default:
             break;
     }
-    socket.emit('keyboardEvent', event.code);
+    // socket.emit('keyboardEvent', event.code);
 }
 
 /**
@@ -283,7 +293,7 @@ function handleOrientation(event) {
         beta: Math.round(event.beta),
         gamma: Math.round(event.gamma)
     }
-    socket.emit('deviceOrientation', orientation);
+    // socket.emit('deviceOrientation', orientation);
 }
 
 if(window.DeviceOrientationEvent){

Assets/menu.png

@@ -72,6 +72,17 @@ class Brick {
         return this.physijs_box;
     }
 
+    get color() {
+        return this.material.color.getHSL();
+    }
+
+    /**
+     * @param {THREE.Color} newColor
+     */
+    set color(newColor) {
+        this.material.color.set(newColor);
+    }
+
     get name() {
         // return this.mesh.name;
         return this.physijs_box.name;