我的形状从地板跌落或消失。 我的代码很简单,如果复制和粘贴,您将能够看到所有内容。 无论如何,听到的是代码。 我在想,我可能没有向tick函数中的碰撞添加任何内容。

var box, gravity, stage;
stage = new createjs.Stage(document.getElementById('canvas'));
gravity = 10;

// this function is called onload in the body tag
function init(){
    box = new createjs.Shape();
    box.graphics.beginFill('blue').drawRect(0,0,50,50);
    stage.addChild(box);
    box.x = 50;
    box.y = 50;
    game();
}

function game(){

    window.addEventListener('keydown', keydownHandler);
    createjs.Ticker.addEventListener('tick', tick);

    var floor;

    floor = new createjs.Shape();
    floor.graphics.beginFill('red').drawRect( 0, 0, 500, 20);
    floor.x = 0;
    floor.y = 480;
    stage.addChild(floor);


function keydownHandler(e){
    if(e.keyCode === 65 || e.keyCode === 37){
    box.x -=5;
    stage.update();
    console.log(box.x);
    } else if(e.keyCode === 68 || e.keyCode === 39){
    box.x += 5;
    stage.update();
    console.log(box.x);
    } else if(e.keyCode === 87 || e.keyCode === 38){
    var lBox;
    box.y -= 50;
    lBox = new createjs.Shape();
    lBox.graphics.beginFill('blue').drawRect(box.x - 16, box.y + 50, 16,         15);
    stage.addChild(lBox);
    stage.update();
    console.log(box.y);
    }

}

    function tick(){

    console.log(box.y);
    console.log(floor.y);

    box.y += gravity;

    var collision;
    collision = floor.y;
    // Here is the problem right here!

    if(box.y + 45 >= collision){
    box.y = floor.y;
    }
    stage.update();
    }

}

I also think I use stage update too much, so if there is a SIMPLE way,            because I'm new please feel free to demonstrate that as well.thanks in advance.

===============>>#1 票数:1

我使用您的代码创建了一个快速的JSFiddle(只需要删除init,因为JSFiddle会在加载整个块时运行它)。

http://jsfiddle.net/lannymcnie/mkwo8kdv/

看起来工作正常,除非您通过“地板”,它将捕捉到与地板相同的Y位置。 由于盒子的注册点在左上角,所以它将在地板下。 我添加了盒子的高度,它停在了预期的位置。

if (box.y + 45 >= collision) {
    box.y = floor.y - 50;
}

我还删除了stage.update()的其他stage.update()调用。 刻度线中的一个就足够了,因为它不断运行。

  ask by jermaine berkley translate from so

未解决问题?本站智能推荐: