イメージを飛び越える（そして後退する）

Question

私はJavaScriptでプラットフォームゲームを作っています。私はいくつかの助けが必要です。

スペースバーがプッシュして特定の位置に戻ったときに、画像をJavaScriptで50pxにジャンプさせるにはどうすればよいですか？

Answer 1

重力でジャンプするときのようにジャンプすることを意味するなら、放物線式が必要です。

例：http://jsfiddle.net/pimvdb/7JFU3/。

var x = 0; 

var interval = setInterval(function() { 
    x++; 
    image.style.top = 50 - (-0.1 * x * (x - 50)) + 'px'; 

    if(x >= 50) clearInterval(interval); 
}, 20); 

Answer 2

私はまったく同じことに取り組んでいます。ここに私のgithubのプロジェクトのリンクは

if(gameCommandState.up){ 
    if(this.canJump(game)) 
     this.element.yAccelerate(-this.yAcceleration); 
} 

でMainCharacter.jsでhttps://github.com/beothorn/webcomicsgame

ルックだあなたがしたい場合は、それをフォークすることができますが、私はキャンバスを使用してそれをやっています。

Answer 3

私たちは、画像をアップバウンス維持し、ダウン

VAR x = 0の持っているために、これを拡張楽しい時間を過ごしました。 var goingUp = true;

  var interval = setInterval(function() { 
       if(goingUp==true) { 
       x++; 
       if(x >= 50) { 
        goingUp=false; 
        //alert("go down") 
       } 
       } else { 
       x--; 
       if(x <= -50) { 
        goingUp=true; 
        //alert("go up") 
       } 
       } 
       $('#demo').css('top', 50 - (-0.1 * x * (x - 50))); 
      }, 20);