//==================================================================================================
// ANIMATION AVEC TYPESCRIPT                                                                 Jeu.ts
//==================================================================================================

// Classe  J e u //---------------------------------------------------------------------------------
class Jeu extends Scene {
 //----------------------------------------------------------------------------------------Attributs
 /* Declarer ici les attributs de la scene. */
public balle_ : Balle;
public palet_ : Palet;
public brique_ : Array<Sprite>;

public zone_ : Sprite;

 //-------------------------------------------------------------------------------------Constructeur
 public constructor(element : HTMLElement) {
  super(element,false);
  /* Ecrire ici le code qui initialise la scene. */

        //Création de la zone de jeu
        this.zone_= new Sprite (document.getElementById("jeu"));
        this.zone_.setXY(10,10);
        this.zone_.setWidth(this.getWidth()-20);
        this.zone_.setHeight(this.getHeight()-20);
 }

 //--------------------------------------------------------------------------------------------start
 public override start() {




      //Création de la balle
  this.balle_ = new Balle (document.createElement("img"), this);
  this.balle_.setImage("balle.png",25,25);
  this.balle_.setXY(this.getWidth() /2 - this.balle_.getWidth() /2, this.getHeight() /2 - this.balle_.getHeight() /2);
  this.appendChild(this.balle_);

      //Paramètre de la balle
          //let balle2 : Balle = new Balle(document.createElement("img"));
          //this.appendChild(balle2);
          this.balle_.setLimites(this.zone_);
          this.balle_.setXY(this.balle_.xmax_, this.balle_.ymax_);

          //setTimeout( () => {this.balle_.figer()},1000);

      //Création du palet
  this.palet_ = new Palet (document.createElement("img"));
  this.palet_.setImage("palet.png",100,15);
  this.palet_.setLimites(this.zone_);
  this.palet_.setXY(this.getWidth() /2 - this.palet_.getWidth() /2, this.getHeight() - 75);
  this.appendChild(this.palet_);



  this.brique_ = [];

  let nbColonnes : number = 5;
  let nbLignes : number = 4;
  let sx : number = this.zone_.getWidth()/ (nbColonnes+1);
  let sy : number = this.zone_.getHeight()*0.4 / (nbLignes+1);

  for (let i : number = 0; i < nbLignes; i++) {

    for (let j : number = 0; j < nbColonnes; j++) {
      let brique = new Sprite(document.createElement("div"));
      brique.setDimension(40,24);
      brique.getElement().className = "brique";

      brique.setImage("brique.png",40,24);
      brique.setX((j+1) * sx + this.zone_.getX() - brique.getWidth()/2);
      brique.setY((i+1) * sy + this.zone_.getY() - brique.getHeight()/2);

      this.appendChild(brique);
      this.brique_.push(brique);
  }
}



  this.palet_.animer();
  this.balle_.animer();





 }

 //--------------------------------------------------------------------------------------------pause
 public override pause() {
  /* Ecrire ici le code qui met la scene en pause. */
 }

 //------------------------------------------------------------------------------------------unpause
 public override unpause() {
  /* Ecrire ici le code qui sort la scene de la pause. */
 }

 //--------------------------------------------------------------------------------------------clean
 public override clean() {
  /* Ecrire ici le code qui nettoie la scene en vue d'un redemarrage. */
 }
}

// Fin //-------------------------------------------------------------------------------------------