Javascript canvas game

Question

У меня проблема с моей игрой на холсте. Я пытаюсь заставить его прыгнуть, но у меня есть некоторые проблемы с ним. Все работает нормально, но если я касаюсь объекта снизу, он бросает меня к объекту.

Проблема может быть с LastColison. Кто-нибудь может мне помочь ? GIF Image link.

function Block(x, y) { 
    var size = 80 
    GameObject.call(this, x*size, y*size, size) 
    this.img = document.getElementById("block") 
    this.class = "block" 
} 

// Dedi vlastnosti z GameObject 
Block.prototype = Object.create(GameObject.prototype) 

Block.prototype.draw = function() { 
    ctx.fillStyle = "green" 
    ctx.drawImage(this.img,this.x,this.y,this.size,this.size) 
} 

function Player(x, y) { 
    var size = 120 
    this.dx = Math.random() * 50 - 25 
    this.dy = Math.random() * 50 - 25 
    GameObject.call(this, x*size, y*size, size) 
    // this.player = document.getElementById("player") 
    this.img = [document.getElementById("player"),document.getElementById("ball_r"),document.getElementById("ball_l"),document.getElementById("ball_j")] 
    this.player = this.img[0] 
    this.class = "player" 

} 

// Dedi vlastnosti z GameObject 
Player.prototype = Object.create(GameObject.prototype) 

Player.prototype.move = function() { 
    var x = this.x 
    var y = this.y 
    //ak dam this.y = y -5 môžem pohnuť aj so stlačenou sipkou dole 
    this.player = this.img[0] 
    // Posun 
     if (keys[37]) 
     { 
      if(level == 0){ 
       x -= 4; 
      } 
      if (level == 1) { 
       x -= 8; 
      } 
      this.player = this.img[2]; 
      this.y = y; 
     } 

     if (keys[39]) 
     { 
      if (level == 0) { 
       x += 4; 
      } 
      if (level == 1) { 
       x += 8; 
      } 
      this.player = this.img[1]; 
     } 
     if (keys[38]) 
     { this.player = this.img[3], this.dy = -10; } 



// ak nedam else if mozem ouzzivat naraz viac tlacidiel takze upravit potom 

    // Test novej pozicie 

    var collision = false 

    for (i in scene) { 
    var obj = scene[i] 
    if (obj.class == "cloud") { continue; } 
    if (obj.class == "ladder") { continue; } 

    if (obj.class == "touched") { continue; } 
    if (obj.class == "dirt") { this.x = x; this.y = y } 
    if (obj.class == "block") { this.x = x; this.y = y } 
    if (obj.class == "enemy") { this.x = x; this.y = y} 
     var test = x +30 >= obj.x + obj.size || x + this.size - 40<= obj.x /* kolide right*/|| y >= obj.y + obj.size /*kolizia up*/|| y + 40 + this.size <= obj.y /*kolizia bottom*/ 


      if (!test) { 

      collision = true; 
      var touch = 0; 
      if (obj.class == "enemy") { 
       touch = 1; 
       if (touch == 1) { 

        health -= 20; console.log(health); 
        this.x = x - 250; 
        if (klik % 2 == 0){ 
        var hit = new Audio('snd/Hit_Hurt15.wav') 
        hit.play() 
       } 
       } 
       if (health == 0) { health = 0; console.log("GAMEOVER");scene = []} 
      } 
      if (obj.class == "coin") { 
       score += 10; obj.class = "touched"; 
       if (klik % 2 == 0) { 
        var hrahra = new Audio('snd/pickcoin.wav') 
        hrahra.play() 
       } 
      } 
      else { touch = 0; } 
      if (obj.class == "touched") {} 
      break; 
      } 
    } 

    if (score >= 200 && score <= 200) { 
     if (klik % 2 == 0) { 
      var levelup = new Audio('snd/Powerup9.wav') 
      levelup.loop = false; 
      levelup.play() 
     } 
     level = 1; 
     health = 100; 
     score += 1; 
    } 



     // Ladder 
    // if(collision){score += 1,scene.pop() } 
    // Posun bez kolizie 
    if (!collision) { 
     this.x = x 
     this.y = y + this.dy 
     this.dy += 0.3; 



    }  

    **else { 

     if (obj.class == this.LastColl) { 
      this.dy = 0; 
      this.y = obj.y -160 
     } 

    this.dy = 0; 
    this.LastColl = obj.class 
    }** 
} 

Player.prototype.draw = function() { 
    ctx.fillStyle = "blue" 
    ctx.beginPath() 
    ctx.drawImage(this.player,this.x, this.y, 110,160) 
    ctx.shadowColor = "rgba(0, 0, 0, 0.3)"; 
    ctx.shadowOffsetX = -10; 
    ctx.shadowOffsetY = 0 
    ctx.shadowBlur = 3; 
    ctx.drawImage(this.player,this.x,this.y,110,160) 
    ctx.closePath() 
    ctx.fill() 
} 

Answer 1

Я не знаю много о холсте прямо сейчас, но я заметил, что у вас нет какой-либо точки с запятой, чтобы закончить свои заявления ...

пример:

var x = this.x; 
etc. 

других вещь, которую я заметил ... Оценка проверяет как больше, так и равна или меньше или равна 200 ...

if (score >= 200 && score <= 200) 
{ 
    ... 
}