jquery中的遊戲編碼

Question

如何使用鍵盤箭頭鍵製作對象動畫。但它不會走出屏幕&它有必要在固定寬度上的工作。

我看過一些固定寬度的遊戲，像500px。我需要以100％的寬度創建它。

對象必須在按鍵上從左到右，從上到下等動畫。

我得到了左側感謝代碼Adeneo

$(document).keydown(function(e) { 
switch (e.which) { 
    case 37: 
     var left = parseInt($('#player').css('left'), 10), 
      ani = left > 50 ? 50 : left; 

     if (ani > 0) { 
      $('#player').stop().animate({ 
       left: '-='+ani 
      }); 
     } 

任何人都可以解釋如何工作，這對所有的密鑰。

Answer 1

你有一個switch語句，所以只是「複製」的邏輯，但更多的情況下按鍵。

Key codes

$(document).keydown(function(e) { 
switch (e.which) { 
    case 37: 
     var left = parseInt($('#player').css('left'), 10), 
      ani = left > 50 ? 50 : left; 

     if (ani > 0) { 
      $('#player').stop().animate({ 
       left: '-='+ani 
      }); 
     } 
    break; 
    case 38: /* Up key */ 
      ... 
    break; 
     ... 

等等......