如何防止画布中的对象模糊?

时间:2014-06-04 17:29:06

标签: javascript animation canvas html5-canvas

目前,我正在做一个只有一个盒子和一个角色的迷你游戏。

角色可以自由移动。我这样做了它移动640px /秒。 "公式"我用来获取像素移动每帧是((currentFrameTimeMs - lastFrameTimeMs) * pxPerSecond) / 1000。实际值为((currentFrameTimeMs - lastFrameTimeMs) * 640) / 1000。这有效地使我的角色精确地移动640px / s。

但问题是,在移动时,我将其视为"模糊"。我已经检查了FPS,它远远高于60,但图像仍然模糊不清。

有没有任何技术可以消除这种模糊性?我玩桌面游戏的对象移动速度非常快,并且它们不会模糊,所以我认为有一些技巧。

2 个答案:

答案 0 :(得分:1)

问题解决了。

问题在于FPS,他们不到60岁。我使用了错误的方法(使用requestAnimationFrame,但计算错误。)

答案 1 :(得分:0)

对结果进行舍入,使您的图像始终位于精确的像素索引处,而不是“之间”像素。如果不进行舍入,图像的像素将在像素之间“展开”,并且可能会显得模糊。