Tablero.js

import * as THREE from '../libs/three.module.js'
import { Peon } from './Peon.js'
import { Torre } from './Torre.js';
import { Caballo } from './Caballo.js';
import { Alfil } from './Alfil.js';
import { Rey } from './Rey.js';
import { Dama } from './Dama.js';
import { Ficha } from './Ficha.js';
import { MyScene } from './MyScene.js' 
import { ThreeBSP } from '../libs/ThreeBSP.js';
class Tablero extends THREE.Object3D {
  constructor(scene, aWidth, aDeep) {
    super();
    
   //Creamos la matriz de casillas
  this.casillas = [
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null],
    [null,null,null,null,null,null,null,null]
   ];
   
    this.fichas = new THREE.Object3D();
    this.scene = scene;
    this.width = aWidth;
    this.deep = aDeep;

    //Empiezan los blancos
    this.turno = 0;

    this.raycaster = new THREE.Raycaster ();

    this.inicializarTablero();

    this.setMensaje("Turno: Blancas");

    this.add(this.fichas);
  }

  setMensaje(str){
    document.getElementById("Messages").innerHTML="<h2>"+str +"</h2>";
  }

  inicializarTablero(){
    //Creamos las fichas blancas y las posicionamos
    this.createFichasBlancas();

    //Creamos las fichas negras y las posicionamos
    this.createFichasNegras();
    
    //this.createFichas();

    //Añadimos todas las fichas al modelo
    for(var i=0;i<8;i++){
      for(var j=0;j<8;j++){
        if(this.casillas[i][j] !== null){
          this.fichas.add(this.casillas[i][j]);
        }
      }
    }

  }

  //El parametro con valor 1 es el color negro de la ficha
  createFichasNegras(){
    //Creamos las fichas
    var peones=[];
    for(var i=0;i<8;i++){
        peones.push(new Peon(this,1));
    }
    var torre1_negro = new Torre(this,1);
    var caballo1_negro = new Caballo(this,1);
    var alfil1_negro = new Alfil(this,1);
    var torre2_negro = new Torre(this,1);
    var caballo2_negro = new Caballo(this,1);
    var alfil2_negro = new Alfil(this,1);
    this.rey_negro = new Rey(this,1);
    var dama_negro = new Dama(this,1);

    this.moverFicha(torre1_negro,7,0);
    this.moverFicha(caballo1_negro,7,1);
    this.moverFicha(alfil1_negro,7,2);
    this.moverFicha(dama_negro,7,3);
    this.moverFicha(this.rey_negro,7,4);
    this.moverFicha(alfil2_negro,7,5);
    this.moverFicha(caballo2_negro,7,6);
    this.moverFicha(torre2_negro,7,7);
    
    for(var i=0;i<8;i++){
      this.moverFicha(peones[i],6,i);
    }
  }

  //El parametro con valor 0 es el color blanco de la ficha
  createFichasBlancas(){
    //Creamos las fichas
    var peones=[];
    for(var i=0;i<8;i++){
      peones.push(new Peon(this,0));
    }
    var torre1 = new Torre(this,0);
    var caballo1 = new Caballo(this,0);
    var alfil1 = new Alfil(this,0);
    var torre2 = new Torre(this,0);
    var caballo2 = new Caballo(this,0);
    var alfil2 = new Alfil(this,0);
    this.rey_blanco = new Rey(this,0);
    var dama = new Dama(this,0);

    //Incluimos las fichas en casilla
    this.moverFicha(torre1,0,0);
    this.moverFicha(caballo1,0,1);
    this.moverFicha(alfil1,0,2);
    this.moverFicha(dama,0,3);
    this.moverFicha(this.rey_blanco,0,4);
    this.moverFicha(alfil2,0,5);
    this.moverFicha(caballo2,0,6);
    this.moverFicha(torre2,0,7);
    
    for(var i=0;i<8;i++){
      this.moverFicha(peones[i],1,i);
    }
  }

  //Actualiza la matriz de casillas 
  //Cambia la fila y la columna a la ficha
  moverFicha(ficha,nuevaFila,nuevaColumna){
    if(ficha.isPeon() && ((nuevaFila===0 && ficha.getColor()===1) || (nuevaFila===7 && ficha.getColor()===0))){
      //El peon se transforma en dama
      this.fichas.remove(this.casillas[nuevaFila][nuevaColumna]);
      this.casillas[ficha.getFila()][ficha.getColumna()] = null;
      var dama = new Dama(this,ficha.getColor());
      dama.mover(nuevaFila,nuevaColumna);
      this.casillas[nuevaFila][nuevaColumna] = dama;
      this.fichas.add(dama);
    }    
    else{
      this.casillas[ficha.getFila()][ficha.getColumna()] = null;
      ficha.mover(nuevaFila,nuevaColumna);
      this.casillas[nuevaFila][nuevaColumna] = ficha;
    }
    
    
  }

  getObjetoFicha(fila,columna){
    return this.casillas[fila][columna];
  }


  getMouse (event) {
    var mouse = new THREE.Vector2 ();
    mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
    mouse.y = 1 - 2 * (event.clientY / window.innerHeight);
    return mouse;
  }

  moverFichaRaton(event,action){
    var mouse = this.getMouse (event);
    this.raycaster.setFromCamera (mouse, this.scene.getCamera());
    switch (action) {
      case 'SELECT_FICHA' :
        this.remove(this.movimientos);
        var pickedObjects = this.raycaster.intersectObjects (this.fichas.children,true);
        if (pickedObjects.length > 0) {
          this.fichaSeleccionada = pickedObjects[0].object.parent;
          if (this.fichaSeleccionada.getColor() === this.turno){
            this.movimientos = this.fichaSeleccionada.getMovimientos();
            if (this.movimientos != null){
                this.add(this.movimientos);
                this.scene.setApplicationMode('SELECT_FICHA');
            }
            
          }
          else{
            this.scene.setApplicationMode('NO_ACTION');
          }
          
        }

      break;
      case 'SELECT_MOVIMIENTO':
        if (this.movimientos != null){
            var pickedObjects = this.raycaster.intersectObjects (this.movimientos.children,true);
        if (pickedObjects.length > 0) {
          //Movimiento seleccionado con el raton
          var movimiento = pickedObjects[0].object;
          
          //Se obtienen las coordenadas 3D del movimiento
          var posicion = movimiento.position;

          //Obtiene la nueva fila y la nueva columna con las coordenadas 3D
          var fila = Math.round(this.fichaSeleccionada.getFilaConPosicion(posicion));
          var columna = Math.round(this.fichaSeleccionada.getColumnaConPosicion(posicion));

          //La casilla donde estaba la ficha pasa a estar vacia
          this.casillas[this.fichaSeleccionada.getFila()][this.fichaSeleccionada.getColumna()] = null;

          //Si hay una ficha en la casilla a la que vamos la matamos
          if(this.casillas[fila][columna] !== null){
            this.fichas.remove(this.casillas[fila][columna]);
          }

          //Actualiza la matriz de casillas
          this.casillas[fila][columna] = this.fichaSeleccionada;
          
          //Gestion del enroque
          if(this.fichaSeleccionada.getTipoFicha().localeCompare("Rey") == 0){
            if (!this.fichaSeleccionada.getHaMovido()){
                if (columna ==  6){
                    this.moverFicha(this.casillas[fila][7],fila,5);
                }
                if(columna == 2){
                    this.moverFicha(this.casillas[fila][0],fila,3);
                }
            }
          }
          
          //Mueve la ficha a la nueva posicion
          this.moverFicha(this.fichaSeleccionada,fila,columna);

          //Borramos los movimientos del Object3D
          this.remove(this.movimientos);

          //El estado de la aplicación pasa a NO_ACTION
          this.scene.setApplicationMode('NO_ACTION');

          //Cambia de turno porque ya ha realizado un movimiento
          this.turno===0?this.turno=1:this.turno=0;

          this.scene.setInicioCambio();

          //Turno blancas
          if(this.turno===0){
            this.setMensaje("Turno: Blancas");
          }
          //Turno negras
          else{
            this.setMensaje("Turno: Negras");
          }

          //Comprobamos si hay jaque
          var jaque = this.checkJaque(this.turno,this.convertToString());
          
          //Si se ha producido un mate la partida acaba bien se gana, se pierde o se empata (ahogado)
          if(this.checkMate(this.turno)){
            if(jaque){
              if (this.turno == 0){
                $('#mate_negras').modal('show');
              }else{
                $('#mate_blancas').modal('show');
              }
            }
            else{
                $('#ahogado').modal('show');
            }
          }
                
        }
        //En el caso de que no se seleccione ningun movimiento se puede volver a seleccionar una ficha
        else{
          this.fichaSeleccionada = null;
          this.remove(this.movimientos);
          var pickedObjects = this.raycaster.intersectObjects (this.fichas.children,true);
          if (pickedObjects.length > 0) {
            this.fichaSeleccionada = pickedObjects[0].object.parent;
            if (this.fichaSeleccionada.getColor() === this.turno){
              this.movimientos = this.fichaSeleccionada.getMovimientos();
              if (this.movimientos != null){
                this.add(this.movimientos);
                this.scene.setApplicationMode('SELECT_FICHA');
              }
              else{this.scene.setApplicationMode('NO_ACTION');}
              
            }
            else{
              this.scene.setApplicationMode('NO_ACTION');
            }
          }
        }
        }
        else{
            this.scene.setApplicationMode('NO_ACTION');
        }
            
        
      break;

    }
    
  }

  //Devuelve el nombre de la ficha en string (Torre, Peon, etc)
  getTipoFichaTablero(fila,columna){
    var resultado = "";
    
    if(this.casillas[fila][columna] != null){
      resultado = this.casillas[fila][columna].getTipoFicha(); 
    }
    return resultado;
  }

  //Devuelve la ficha Rey de un color determinado
  getRey(color){
    var rey;

    if (color === 0){
      rey = this.rey_blanco;
    }else{
      rey = this.rey_negro;
    }
    
    return rey;
  }

  //Funcion que comprueba si hay un JAQUE
  checkJaque(color, matriz){

    //Primero obtenemos el rey para saber cual es su fila y su columna
    for (var i=0 ; i<8 ; i++){
      for(var j=0 ; j<8 ; j++){
        if (matriz[i][j].charAt(0) === "R"){
          if(matriz[i][j].charAt(1) == color){
            var rey_fila = i;
            var rey_columna = j;
          }
        }
      }
    }


    //Recorremos las filas superiores(Arriba)
    var hayFichaEnElCamino = false;
    for(var i=rey_fila+1;i<8 && !hayFichaEnElCamino;i++){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(i,rey_columna,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[i][rey_columna].charAt(0);
        if(tipoFicha == "T" || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
    }

    //Recorremos las filas inferiores(Abajo)
    var hayFichaEnElCamino = false;
    for(var i=rey_fila-1;i>=0 && !hayFichaEnElCamino;i--){
      fichaEnCasilla = this.hayFichaEnLaCasillaChar(i,rey_columna,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[i][rey_columna].charAt(0);
        if(tipoFicha == "T" || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
    }

    //Recorremos las columnas superiores(Izquierda)
    var hayFichaEnElCamino = false;
    for(var i=rey_columna-1;i>=0 && !hayFichaEnElCamino;i--){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(rey_fila,i,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[rey_fila][i].charAt(0);
        
        if(tipoFicha == "T" || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
    }
    
    //Recorremos las columnas inferiores(Derecha)
    var hayFichaEnElCamino = false;
    for(var i=rey_columna+1;i<8 && !hayFichaEnElCamino;i++){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(rey_fila,i,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[rey_fila][i].charAt(0);
        if(tipoFicha == "T" || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
    }

    //Arriba izquierda
    var hayFichaEnElCamino = false;
    var fila_aux = rey_fila + 1;
    var columna_aux = rey_columna -1 ;
    while(fila_aux<8 && columna_aux >= 0 && !hayFichaEnElCamino){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(fila_aux,columna_aux,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[fila_aux][columna_aux].charAt(0);
        if(tipoFicha == "A" || (tipoFicha == "P" && fila_aux == (rey_fila+1) && color==0) || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
      fila_aux++;
      columna_aux--;
    }
    
     //Arriba derecha
     var hayFichaEnElCamino = false;
     var fila_aux = rey_fila + 1;
     var columna_aux = rey_columna +1 ;
     while(fila_aux<8 && columna_aux<8 && !hayFichaEnElCamino){
       var fichaEnCasilla = this.hayFichaEnLaCasillaChar(fila_aux,columna_aux,color,matriz);
       if(fichaEnCasilla == 1){
         var tipoFicha = matriz[fila_aux][columna_aux].charAt(0);
         if(tipoFicha == "A" || (tipoFicha == "P" && fila_aux == (rey_fila+1) && color==0) || tipoFicha == "D"){
           return true;
         }
         hayFichaEnElCamino=true;
       }
       else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
       fila_aux++;
       columna_aux++;
     }
     
    //Abajo izquierda
    var hayFichaEnElCamino = false;
    var fila_aux = rey_fila - 1;
    var columna_aux = rey_columna - 1 ;
    while(fila_aux>=0 && columna_aux >= 0 && !hayFichaEnElCamino){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(fila_aux,columna_aux,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[fila_aux][columna_aux].charAt(0);
        if(tipoFicha == "A" || (tipoFicha == "P" && fila_aux == (rey_fila-1)&& color==1) || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
       }
      fila_aux--;
      columna_aux--;
    }

    //Abajo derecha
    var hayFichaEnElCamino = false;
    var fila_aux = rey_fila - 1;
    var columna_aux = rey_columna + 1 ;
    while(fila_aux>=0 && columna_aux<8 && !hayFichaEnElCamino){
      var fichaEnCasilla = this.hayFichaEnLaCasillaChar(fila_aux,columna_aux,color,matriz);
      if(fichaEnCasilla == 1){
        var tipoFicha = matriz[fila_aux][columna_aux].charAt(0);
        if(tipoFicha == "A" || (tipoFicha == "P" && fila_aux == (rey_fila-1) && color==1) || tipoFicha == "D"){
          return true;
        }
        hayFichaEnElCamino=true;
      }
      else if(fichaEnCasilla == 2){
        hayFichaEnElCamino=true;
      }
      fila_aux--;
      columna_aux++;
    }
    
    //Comprobamos los movimientos de los caballos
    if (rey_fila+2 <=7  && rey_columna+1 <=7){
      var tipoFicha = matriz[rey_fila+2][rey_columna+1].charAt(0);
      if(this.hayFichaEnLaCasillaChar(rey_fila+2,rey_columna+1,color,matriz) == 1 && tipoFicha =="C"){
          return true;
      }
    }
    
    if (rey_fila+1 <=7  && rey_columna+2 <=7){
      tipoFicha = matriz[rey_fila+1][rey_columna+2].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila+1,rey_columna+2,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila-1 >=0  && rey_columna+2 <=7){
      tipoFicha = matriz[rey_fila-1][rey_columna+2].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila-1,rey_columna+2,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila-2 >=0  && rey_columna+1 <=7){
      tipoFicha = matriz[rey_fila-2][rey_columna+1].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila-2,rey_columna+1,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila+2 <=7  && rey_columna-1 >=0){
      tipoFicha = matriz[rey_fila+2][rey_columna-1].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila+2,rey_columna-1,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila+1 <=7  && rey_columna-2 >=0){
      tipoFicha = matriz[rey_fila+1][rey_columna-2].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila+1,rey_columna-2,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila-1 >=0  && rey_columna-2 >=0){
      tipoFicha = matriz[rey_fila-1][rey_columna-2].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila-1,rey_columna-2,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    if (rey_fila-2 >=0  && rey_columna-1 >=0){
      tipoFicha = matriz[rey_fila-2][rey_columna-1].charAt(0);
        if(this.hayFichaEnLaCasillaChar(rey_fila-2,rey_columna-1,color,matriz) == 1 && tipoFicha =="C"){
          return true;
        }
    }
    
    return false;
    

  }

  //Comprueba si hay un mate 
  //Para ello no puede haber posibles movimientos (recordemos que si un movimiento genera jaque NO SE CREA)
  
  checkMate(){
      var noHayMovimientos = true;
      var result = false;

      for (var i = 0 ; i < this.casillas.length && noHayMovimientos ; i++){
          for (var j = 0 ; j < this.casillas.length && noHayMovimientos ; j++){
              var ficha = this.casillas[i][j];
              if (ficha != null && ficha.getColor() == this.turno){
                  var movimientos = ficha.getMovimientos();
                  if (movimientos != null){
                      noHayMovimientos = false;
                  }
              }
          }
      }

      //Si no hay ningun movimiento hay un MATE
      if (noHayMovimientos){
          result = true;
      }

      return result;
  }

  //Comprueba si hay una ficha en una casilla 
  //Devuelve 0--> No hay ficha, 1-->Hay ficha enemiga, 2-->Hay ficha aliada
  hayFichaEnLaCasilla(fila,columna,color){ 
    var result = -1;
    var casilla = this.casillas[fila][columna];
    if (casilla !== null){
        if(casilla.getColor() === color){
            result = 2;
        }
        else{
            result = 1;
        }
    }
    else{
        result = 0;
    }
    return result;
  }

  //Comprueba si hay una ficha en una casilla usando casillas en version char (mas eficiente para comprobar los jaques)
  hayFichaEnLaCasillaChar(fila,columna,color,matriz){ //Devuelve 0--> No hay ficha, 1-->Hay ficha enemiga, 2-->Hay ficha aliada
    var result = -1;
    var casilla = matriz[fila][columna];
    if (casilla !== '*2'){
        if(casilla.charAt(1) == color){
            result = 2;
        }
        else{
            result = 1;
        }
    }
    else{
        result = 0;
    }
    return result;
  }

  getFicha(event){
    var mouse = this.getMouse (event);
    this.raycaster.setFromCamera (mouse, this.scene.getCamera());
    var surfaces = [this.ground];
    var pickedObjects = this.raycaster.intersectObjects (surfaces);
    if (pickedObjects.length > 0) {
      return new THREE.Vector2 (pickedObjects[0].point.x, pickedObjects[0].point.z);
    } else
      return null;

  }

  //Devuelve el turno actual
  getTurno(){
    return this.turno;
  }

  //A traves de casillas (matriz de fichas) devuele una matriz con la misma informacion
  //pero en lugar de variables tipo Ficha, devuelve tipos Char
  convertToString(){
    var casillas_string=[
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null],
      [null,null,null,null,null,null,null,null]
    ];
    for(var i=0;i<8;i++){
      for(var j=0;j<8;j++){
        if(this.casillas[i][j] != null){
          var ficha_char = this.casillas[i][j].getTipoFicha().charAt(0) + this.casillas[i][j].getColor();
        }else{
          ficha_char = '*2';
        }
        
        casillas_string[i][j] = ficha_char;
      }
    }
    return casillas_string;
  }

  //Actualiza la posicion de las fichas en casillas
  update () {
    for(var i=0;i<8;i++){
      for(var j=0;j<8;j++){
        if(this.casillas[i][j] !== null){
          (this.casillas[i][j]).update();
        }
      }
    }
}
}

export { Tablero };