html5 캔버스의 중력

Question

재미있는 html5 캔버스를 사용하여 원본 슈퍼 마리오 게임의 복사본을 만들고 캔버스 도구 및 애니메이션에 대해 자세히 알아 보려면 마리오를 만들기에 매달 렸습니다. 내 jsfiddle : http://jsfiddle.net/2tLCk/1/

내가 어떻게 내 up 기능 마리오 점프를하고 내가 그것을 코드의 이해하려고이 웹 사이트 http://blog.nihilogic.dk/에서와 같이 땅에 다시 반환하는 문제를 해결하지만 난 할 수 없었다해야합니까?

if (keydown.up) { 

      vy += gravity; 
      character.CurentPos = 11; 
      character.x += character.speed; 
      character.y += vy; 

     } 

Answer 1

가 점프 마리오 http://jsfiddle.net/2tLCk/22/입니다.

점프이 1 - 올라간다면. 점프가 2이면 - 내려갑니다.

if(jumping){ 
    if(jumping == 1) { 
      if(character.y > 140) character.y -= gravity; 
      else jumping = 2; 
    } else if(jumping == 2) { 
      if(character.y < 184) character.y += gravity; 
      else{ 
       character.y = 184; 
       jumping = false; 
       character.CurentPos = 6; 
      } 
    } 
}else if(keydown.up) { 
    jumping = 1; 
    character.CurentPos = 11; 
} 

는 그리고 당신은 아마 대신하여 setInterval이 https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame()를 사용할 것입니다.

Answer 2

당신은 기본적으로 다운 키를 누를 때뿐만 아니라 항상 중력을 사용하고 싶습니다. 점프 (키 업) 할 때 vy에 추가해야합니다. 이처럼 :

if(keydown.up) { 
     vy += -2; 
    } 
    vy += gravity; 
    if(character.y > 184) { // simple collision detection for ground floor 
     vy = 0; 
     character.y = 184; 
    } 
    //character.CurentPos = 11; 
    //character.x += character.speed; 
    character.y += vy; 

내가 같은 것을 할 것 http://jsfiddle.net/pjQb3/

Answer 3

를 참조하십시오 여기에

// Global forces 
character.vy += gravity; 

// User input 
if (keydown.up) { 
    character.vy += -2; 
} 

// Final location 
if (character.y + character.vy >= 184) { 
    // Update player location. 
    character.y += character.vy; 
} else { 
    // Player was about to move past ground so place player directly on ground 
    // and reset velocity. 
    character.y = 184; 
    character.vy = 0; 
}