为什么我的角色是';我的javascript游戏中的像素模糊?

为什么我的角色是';我的javascript游戏中的像素模糊?,javascript,pixel,2d-games,Javascript,Pixel,2d Games,我没有使用浮点值。我调整了放大比例,让你明白我的意思。起初我认为这是因为我没有使用绝对值,或者在调整精灵大小时,我没有将宽度和高度乘以2,但即使这样,像素也会模糊。它们甚至在调整大小之前都很模糊,你只需要放大很多就可以看到。请看一看。谢谢 这是通过消除混叠获得的。您可以使用:canvasContext.ImageSmoothInEnabled=false以停止模糊 在函数doStuff()中添加此行 函数doStuff(){ canvasContext.drawImage(background

我没有使用浮点值。我调整了放大比例,让你明白我的意思。起初我认为这是因为我没有使用绝对值,或者在调整精灵大小时,我没有将宽度和高度乘以2,但即使这样,像素也会模糊。它们甚至在调整大小之前都很模糊,你只需要放大很多就可以看到。请看一看。谢谢


这是通过消除混叠获得的。您可以使用:
canvasContext.ImageSmoothInEnabled=false以停止模糊

在函数
doStuff()中添加此行

函数doStuff(){
canvasContext.drawImage(backgroundImage,0,0);

canvasContext.imageSmoothingEnabled=false;//这是通过消除混叠获得的。您可以使用:
canvasContext.imageSmoothingEnabled=false;
停止模糊

在函数
doStuff()中添加此行

函数doStuff(){
canvasContext.drawImage(backgroundImage,0,0);
canvasContext.imageSmoothingEnabled=false;//请阅读请阅读
function doStuff() {
    canvasContext.drawImage(backgroundImage, 0, 0);

    canvasContext.imageSmoothingEnabled = false; // <--- ADD THIS LINE

    canvasContext.drawImage(zurg, frame1x, frame1y, 32, 64, (zurgx - (16 * (zurgSize - 1))), (zurgy - (32 * (zurgSize - 1))), 32 * zurgSize, 64 * zurgSize);
    animate();

    document.addEventListener('keydown', function (e) {
        if (e.keyCode == 40) holdingDown = true;
        if (e.keyCode == 39) holdingRight = true;
        if (e.keyCode == 38) holdingUp = true;
        if (e.keyCode == 37) holdingLeft = true;
    });
    document.addEventListener('keyup', function (e) {
        if (e.keyCode == 40) holdingDown = false;
        if (e.keyCode == 39) holdingRight = false;
        if (e.keyCode == 38) holdingUp = false;
        if (e.keyCode == 37) holdingLeft = false;
    });
}