master.js

const THREE = require('three');
const Scene = require('./scene');
const Brick = require('./brick');
const Queue = require('./queue');
const socket = require('socket.io-client')(window.location.host);

//==================
//--Define command--
//==================
const SPACE = 0;
const PLAY = 1;
const PAUSE = 2;
const GAMEOVER = 3;
const PLAYAGAIN = 4;

//==================
//---Inisialisasi---
//==================
var scenes = new Array(new Scene());
var scene = new Scene();
let bricks = new Array(new Queue());
let brick = new Brick();
let scale = new THREE.Vector3();
let position = new THREE.Vector3();
let command = PLAY, startPos = 6.5, direction = 'x';
let hue = 0;
let scoreValue = 0;
let previousScoreValue = 0;
var scoreDisplay = document.getElementById("score");
var gameoverDisplay = document.getElementById("game-over");

function init() {

    for(let i = 0;i < 4; i++) {
        scene = new Scene({
            numPlayer: i+1,
            maxPlayer: 4
        });
        scenes.push(scene);
        // Mengatur parameter warna berdasarkan nilai hue-nya
        hue = Math.floor(Math.random() * 360);
        
        // Membuat tumpukan awal hingga
        // bagian bawah tertutupi
        for(let j = -14;j < 0; j++) {
            brick = new Brick({
                position: new THREE.Vector3(0, j, 0),
                direction: 'z',
                color: "hsl(" + hue +", 100%, 50%)"
            });

            bricks[i].push(brick);
            scenes[i].add(bricks[i].build);
        }

        // Tumpukan paling atas
        brick = new Brick({
            position: new THREE.Vector3(0, 0, startPos),
            direction: 'z',
            color: "hsl(" + hue +", 100%, 50%)"
        });

        bricks[i].push(brick);
        scenes[i].add(bricks[i].build);
    }

    // Disable view gameover
    gameoverDisplay.style.display = "none";
}

init();

//=======================
//-----Socket client-----
//=======================
const roomName = 'nganu';
socket.emit('join', roomName);
//-----------------------

socket.on('sync', function(data) {
    for(let i = 0;i < data.property.length; i++) {
        bricks[data.id-1].items[i].position = data.property[i].position;
        bricks[data.id-1].items[i].scale = data.property[i].scale;
        bricks[data.id-1].items[i].color = data.property[i].hue;
    }

    if(data.score != previousScoreValue) {
        scoreValue = data.score;
        scoreDisplay.innerHTML = scoreValue;
        previousScoreValue = scoreValue;
    }
});

//=======================
//--Algoritma permainan--
//=======================
function animate() {
    requestAnimationFrame(() => {animate()});
    loop();
}

//-----------------------
function loop() {
    switch (command) {
        // Balok melakukan update
        case PLAY:
            break;

        case PAUSE:
            break;

        // Balok berhenti, memotong, dan stop
        // sesuai kondisi
        case SPACE:
            break;
        case GAMEOVER:
            break;
        case PLAYAGAIN:
            break;
        default:
            break;
    }

    for(let i = 0;i < scenes.length; i++)
        scenes[i].render();
}
animate();