deplacement fonctionnelle

source/Rat.ts

@@ -15,44 +15,36 @@ class Rat extends Sprite {
     this.getElement().style.zIndex = "2";
   }
 
-  public haut(){
-    if(this.scene_.carte_[this.py_-1][this.px_] == 1){
-      
-    }else{
+  async haut(){
+    while(this.scene_.carte_[this.py_-1][this.px_] != 1){
       this.py_ = this.py_-1;
       this.setXY(this.getX(),this.getY()-this.scene_.pas_);
       this.getElement().style.transform = 'rotate(-90deg)';
-      // this.setXY(this.px_*this.scene_.pas_,this.py_*this.scene_.pas_);
+      await new Promise<void>(resolve => setTimeout(resolve, 20));
     }
   }
-  public bas(){
-    if(this.scene_.carte_[this.py_+1][this.px_] == 1){
-      
-    }else{
+  async bas(){
+    while(this.scene_.carte_[this.py_+1][this.px_] != 1){
       this.py_ = this.py_+1;
       this.setXY(this.getX(),this.getY()+this.scene_.pas_);
       this.getElement().style.transform = 'rotate(90deg)';
-      // this.setXY(this.px_*this.scene_.pas_,this.py_*this.scene_.pas_);
+      await new Promise<void>(resolve => setTimeout(resolve, 20));
     }
   }
-  public gauche(){
-    if(this.scene_.carte_[this.py_][this.px_-1] == 1){
-      
-    }else{
+  async gauche(){
+    while(this.scene_.carte_[this.py_][this.px_-1] != 1){
       this.px_ = this.px_-1;
       this.setXY(this.getX()-this.scene_.pas_,this.getY());
       this.getElement().style.transform = 'rotate(90deg) scale(-1,1)';
-      // this.setXY(this.px_*this.scene_.pas_,this.py_*this.scene_.pas_);
+      await new Promise<void>(resolve => setTimeout(resolve, 20));
     }
   }
-  public droite(){
-    if(this.scene_.carte_[this.py_][this.px_+1] == 1){
-      
-    }else{
+  async droite(){
+    while(this.scene_.carte_[this.py_][this.px_+1] != 1){
       this.px_ = this.px_+1;
       this.setXY(this.getX()+this.scene_.pas_,this.getY());
       this.getElement().style.transform = 'rotate(90deg) scale(1,1)';
-      // this.setXY(this.px_*this.scene_.pas_,this.py_*this.scene_.pas_);
+      await new Promise<void>(resolve => setTimeout(resolve, 20));
     }
   }
   private deplacer(event : KeyboardEvent){
@@ -83,5 +75,5 @@ class Rat extends Sprite {
 
   public estArriver(){
     return this.scene_.carte_[this.py_][this.px_] == 9;
-  }
+  }  
 }