search

imtaotao / danmu

Collision detection, highly customized danmu screen styles, you deserve it. (碰撞检测，高度自定义的弹幕样式，你值得拥有) 😘
https://imtaotao.github.io/danmu/
MIT License
319 stars 30 forks source link

如何进一步优化 #6

Closed imtaotao closed 4 years ago

imtaotao commented 4 years ago

现在的渲染情况是，每一次渲染的周期到来，会一次性渲染多个弹幕，包括位置的计算等，如果弹幕数量过多，大量的计算会影响到视图的渲染，造成一定的卡顿，经过现代浏览器 js 的运行速度已经够快，但是还是会有一定的卡顿。

  1. 每次渲染时，针对多个弹幕时，做时间分片处理，每次都在一帧之内渲染，超过一帧要放到下一个 eventloop 任务中去，避免计算时间超过一帧的时间而影响到视图