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;
         ...

等等......

jquery中的游戏编码

1 个答案: