如何将画布更新逻辑与rAF绘图更新分开

时间:2015-08-11 20:38:24

标签: javascript html5 canvas

我正在制作我的第二个大画布项目(游戏)并且正在努力优化所有内容。

我设置了鼠标和键盘监听器,以便更改画布层的状态,但所有绘图都是通过我的rAF调用完成的。这很好用。

但是,我想在游戏的其余部分做类似的事情。我可以在每次rAF调用完成绘图后添加事件监听器或以某种方式更新所有状态/变量吗?

例如,如果某些东西必须移动五个像素,我现在进行减法然后绘制。我希望能够在rAF之外的每一帧之后进行减法,然后在其内部绘制,绘制,绘制。没有计算。

谢谢!

1 个答案:

答案 0 :(得分:0)

结合两者。根据事件保存变量,然后使用rAF绘制。 请参阅下面的链接。 (2秒循环应该是你的rAF) Canvas animation frame rendering: Infinite Loop vs. triggering on mousemover()

(不是我最好的代码工作)