update

Author: fandykun

js/app.js

@@ -25,7 +25,7 @@ let fallingbricks = new Queue();
 let fallingbrick = new FallingBrick();
 let scale = new THREE.Vector3();
 let position = new THREE.Vector3();
-let command = PLAY, startPos = 6.5, direction = 'x';
+let command = PLAY, startPos = 6.5, direction = 'z';
 let hue = 0;
 let scoreValue = 0;
 var scoreDisplay = document.getElementById("score");
@@ -196,6 +196,26 @@ function loop() {
                 // var fallingbrick = new FallingBrick(prevBrick.params);
                 // fallingbricks.push(fallingbrick);
                 // scene.add(fallingbrick.build);
+                if(brick.params.direction == 'x') {
+                    var a_fallingbrick = new FallingBrick({
+                        position: new THREE.Vector3(cutted_brick[3].x + brick.scale.x, -1, cutted_brick[3].z),
+                        scale: new THREE.Vector3(cutted_brick[2].x, 1, brick.scale.z),
+                        direction: 'z',
+                        color: "hsl(" + hue +", 100%, 50%)"
+                    });    
+                    // fallingbricks.push(fallingbrick);
+                    scene.add(a_fallingbrick.build);
+                }
+                else if(brick.params.direction == 'z') {
+                    var a_fallingbrick = new FallingBrick({
+                        position: new THREE.Vector3(cutted_brick[3].x, -1, cutted_brick[3].z + brick.scale.z),
+                        scale: new THREE.Vector3(brick.scale.x, 1, cutted_brick[2].z),
+                        direction: 'z',
+                        color: "hsl(" + hue +", 100%, 50%)"
+                    });    
+                    // fallingbricks.push(fallingbrick);
+                    scene.add(a_fallingbrick.build);                       
+                }
 
                 bricks.set(brick);
 

js/brick.js

@@ -75,8 +75,9 @@ class Brick {
     }
 
     get color() {
-    //     return this.material.color.getHSL();
-        return this.physijs_material.color.getHSL();
+        var HSLColor = new THREE.Color;
+        this.physijs_material.color.getHSL(HSLColor);
+        return HSLColor;
     }
 
     /**
@@ -137,30 +138,26 @@ class Brick {
      */
     cut(prevBrick)
     {
-        console.log(this.color);
         var mantap = false;
         var prevPosition = prevBrick.position;
         prevPosition.x = Number((prevPosition.x).toFixed(1));
-        prevPosition.y = Number((prevPosition.y).toFixed(1));
         prevPosition.z = Number((prevPosition.z).toFixed(1));
 
         var curScale = this.scale;
         curScale.x = Number((curScale.x).toFixed(1));
-        curScale.y = Number((curScale.y).toFixed(1));
         curScale.z = Number((curScale.z).toFixed(1));
 
         var curPosition = this.position;
         curPosition.x = Number((curPosition.x).toFixed(1));
-        curPosition.y = Number((curPosition.y).toFixed(1));
         curPosition.z = Number((curPosition.z).toFixed(1));
 
         var diffX = curPosition.x - prevPosition.x;
         var diffZ = curPosition.z - prevPosition.z;
 
-        // console.log("x : " + diffX, curScale.x);
-        // console.log("Z : " + diffZ, curScale.z);
+        console.log("x : " + diffX, curScale.x);
+        console.log("Z : " + diffZ, curScale.z);
 
-        if(diffX==0 && diffZ==0){
+        if(diffX == 0 && diffZ == 0){
             perfect.style.opacity = 1.0;
             mantap = true;
         }
@@ -181,7 +178,11 @@ class Brick {
 
         Brick.increaseSpeed();
         this.scale.copy(curScale);
-        return [true, prevPosition, curScale, curPosition, this.color, mantap];
+        var ukuran = new THREE.Vector3();
+        var scalebaru = new THREE.Vector3();
+        ukuran.set(diffX, 1, diffZ);
+        console.log(ukuran);
+        return [true, prevPosition, ukuran, curPosition, this.color, mantap];
     }
 
     /** 

js/fallingbrick.js

@@ -98,7 +98,7 @@ class FallingBrick {
      * @param {THREE.Vector3} newScale
      */
     set scale(newScale) {
-        this.scale.copy(newScale);
+        this.scale.set(newScale.x, netScale.y, newScale.z);
     }
 
     down() {

js/master.js

@@ -78,7 +78,8 @@ socket.on('sync', function(data) {
     for(let i = 0;i < data.property.length; i++) {
         bricks.items[i].position = data.property[i].position;
         bricks.items[i].scale = data.property[i].scale;
-        bricks.items[i].color = data.property[i].color;
+        bricks.items[i].color = (data.property[i].hue, 1., .5);
+        console.log(data.property[i].hue);
     }
 
     if(data.score != previousScoreValue) {