问题描述
目前,我正在做一个只有一个盒子和一个角色的迷你游戏。
Currently, I'm doing a mini game which only has a box and a character.
这个角色可以自由移动。我这样做了它移动640px /秒。我用来获取每帧移动像素的公式是((currentFrameTimeMs - lastFrameTimeMs)* pxPerSecond)/ 1000
。实际值为((currentFrameTimeMs - lastFrameTimeMs)* 640)/ 1000
。这有效地使我的角色精确地移动640px / s。
The character can freely move around. I did so it moves 640px/second. The "formula" I use to get the pixels to move each frame is ((currentFrameTimeMs - lastFrameTimeMs) * pxPerSecond) / 1000
. Actual values are ((currentFrameTimeMs - lastFrameTimeMs) * 640) / 1000
. This effectively makes my character to move exactly 640px/s.
但问题是移动时,我认为它是模糊的。我已经检查了FPS,它远远高于60,但图像看起来仍然模糊。
But the problem is that when moving, I see it as "fuzzy". I've checked out the FPS, and it's very far above 60, yet the image still looks fuzzy.
有没有任何技术可以消除这种模糊性?我玩桌面游戏的对象移动得非常快,而且它们不会模糊,所以我想有一些技巧。
Is there any technique to remove that blurriness? I've played desktop games which have objects moving pretty fast, and they don't blur, so I suppose there's some trick for that.
推荐答案
问题解决了。
FPS出现问题,他们不到60岁。我使用了错误的方法(使用 requestAnimationFrame
,但计算错误。)
Problem was with FPS, they were under 60. I was using a wrong approach (with requestAnimationFrame
, but wrong calculations).
这篇关于如何防止画布中的对象模糊?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!