将x偏移到图像

Question

我该如何限制这个角色只能在x方向上流动。 它现在可以自由地向各个方向移动。 我希望火柴人角色处于底部（站在边界上），并且不要向除x方向之外的任何方向移动。

它也应该在Y方向跳跃。

我想添加偏移x方向。

这里是我的fiddle-

Fiddle

代码，我是trying-

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

帮助将不胜感激。

Answer 1

只要删除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