在滚动画布游戏中获得鼠标位置

时间:2015-10-12 14:45:24

标签: javascript html5 canvas

我在html5画布上创建了一个Javascript RPG,但由于滚动,我无法获得正确的鼠标位置。这就是我在绘制函数中处理scolling的方式:

GOBLINS.View.prototype.draw = function(objects) {

    ctx.setTransform(1,0,0,1,0,0);
    ctx.clearRect(0,0,canvas.width,canvas.height);

    function clamp(value, min, max){
        if(value < min) return min;
        else if(value > max) return max;
        return value;
    };

    var camX = clamp(-objects[1].xpos + canvas.width/2, -100, 250 - canvas.width);
    var camY = clamp(-objects[1].ypos + canvas.height/2, -50, 135 - canvas.height);

    ctx.translate( camX, camY ); 

    ctx.drawImage(dungeon,0,0,365,216,0,0,365,216);

我需要鼠标位置让玩家射击子弹核王座风格。如果鼠标X大于玩家X的位置,则玩家面向右侧,反之亦然。但是玩家向右走的越多,由于夹紧,鼠标位置的偏移越大。有人可以帮助我吗?

0 个答案:

没有答案