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