javascript - 偏移 x 到图像

Question

我如何才能将此字符绑定为仅在 x 方向上流动。它现在自由地向各个方向移动。我希望火柴人角色位于底部（站在边界上），并且除了 x 方向之外不要向任何方向移动。

它也应该在 y 方向上跳跃。

我正在尝试向它添加偏移 x 方向。

这是我的小提琴-

小提琴

我正在尝试的代码-

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);
    });
}

看到这个小提琴