2013-03-12 57 views
1

我該如何限制這個角色只能在x方向上流動。 它現在可以自由地向各個方向移動。 我希望火柴人角色處於底部(站在邊界上),並且不要向除x方向之外的任何方向移動。將x偏移到圖像

它也應該在Y方向跳躍。

我想添加偏移x方向。

這裏是我的fiddle-

Fiddle

代碼,我是trying-

function key(e) { 
    console.log(e.keyCode); 
    e.offsetx; 
    var $key = e.keyCode; 

幫助將不勝感激。

+1

你在你的jsfiddle代碼有幾個錯誤。你的例子並不適合我。這裏是一個工作示例 - > [JSFiddle](http://jsfiddle.net/n52bK/1/) – Eich 2013-03-12 08:57:16

+0

@da_re,你有我一樣的小提琴。它不應該是錯誤的。 – Manoj 2013-03-12 09:02:23

+0

不,我確切地不是相同的代碼。我得到了不同的錯誤:'ReferenceError:rightKey沒有定義',這一行也是錯誤的:'function(){key(event); }因爲在這一點上,沒有可用的事件變量。我將它改爲'function(event){key(event); }'。我真的不知道你正在嘗試的帽子。如果只想將圖像向左或向右移動,請移除if if(upKey)和if(downKey)。 '偏移量'是用於鼠標位置,這真的是你在找什麼? – Eich 2013-03-12 10:01:34

回答

2

只要刪除css box.css("top","-=10");它應該只是在x方向移動。

的跳躍可以節省抵消啓動這樣的:

var xPos=box.offset().top; 

//in your interval 
if(spaceBar) 
{ 
    box.stop(true,false).animate({top:xPos-50},100, function(){ 
     box.animate({top:xPos},100); 
    }); 
} 

看到這個fiddle

+0

非常感謝,這就是需要的。 – Manoj 2013-03-12 11:40:42

+0

@Manoz:請回答接受答案。 – 2013-03-12 12:21:12