[英]How can I prevent objects from being fuzzy in canvas?
目前,我正在做一個只有一個盒子和一個角色的迷你游戲。
角色可以自由移動。 我這樣做了,它移動了640px /秒。 我用來獲取移動每個幀的像素的“公式”為((currentFrameTimeMs - lastFrameTimeMs) * pxPerSecond) / 1000
。 實際值為((currentFrameTimeMs - lastFrameTimeMs) * 640) / 1000
。 這有效地使我的角色精確移動了640px / s。
但是問題是,在移動時,我認為它“模糊”。 我檢查了FPS,它遠遠超過60,但是圖像看起來仍然模糊。
有什么技巧可以消除這種模糊性? 我玩過桌面游戲,其中的物體移動非常快,並且不會模糊,因此我想有一些技巧。
問題解決了。
FPS的問題在於,他們不到60歲。我使用了錯誤的方法(使用requestAnimationFrame
,但是計算錯誤)。
將結果四舍五入,這樣您的圖像將始終位於精確的像素索引處,而不是“介於”像素之間。 如果不舍入,圖像的像素將在像素之間“散布”,並可能顯得模糊。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.