抖动的WebGL滚动条

抖动的WebGL滚动条,webgl,Webgl,我已经使用WebGL构建了一个滚动器原型。问题是,当它与同一页面上的其他非WebGL元素组合时,滚动条会变得不稳定,质量也很差。你可以在这里看到一个演示,滚动条在底部,忽略汉字-即使我拿出视频,每次RSS提要右上角显示一个新的提要片段时,当CPU峰值时,滚动条仍然会变慢 我曾考虑过使用WebWorkers在不同的线程上运行滚动程序,但在这个论坛上遇到另一个帖子,说WebWorkers不能与WebGL一起使用。我还有哪些选项可以确保平滑滚动 Thx.您是否在使用动画回调?如果没有,你应该。它由浏览

我已经使用WebGL构建了一个滚动器原型。问题是,当它与同一页面上的其他非WebGL元素组合时,滚动条会变得不稳定,质量也很差。你可以在这里看到一个演示,滚动条在底部,忽略汉字-即使我拿出视频,每次RSS提要右上角显示一个新的提要片段时,当CPU峰值时,滚动条仍然会变慢

我曾考虑过使用WebWorkers在不同的线程上运行滚动程序,但在这个论坛上遇到另一个帖子,说WebWorkers不能与WebGL一起使用。我还有哪些选项可以确保平滑滚动


Thx.

您是否在使用动画回调?如果没有,你应该。它由浏览器管理,以便将元素的绘制时间与页面上的其他元素以及系统屏幕同步,从而获得尽可能平滑的显示效果。如果使用setTimeout或setInterval制作动画,几乎总是会与页面渲染不同步,从而导致帧丢失和口吃。

是的,我使用的是requestAnimationFrame,或者更确切地说,requestAnimFrame和这些都是我得到的结果。我尝试过删除WebGL,只渲染到2D画布,但性能同样糟糕-