Jittery WebGL Scroller

时间:2011-10-27 01:51:19

标签: webgl

我使用WebGL构建了一个滚动器原型。问题是,当它与同一页面上的其他非WebGL元素结合使用时,滚动条会变得紧张,质量也很差。你可以在这里看到一个演示(滚动条在底部,忽略中文字符) - http://viewer-test.appspot.com/Viewer.html?type=presentation&id=6a169bb8-e440-4338-9e3a-8b5e429f32ee&showui=false即使我取出视频,当每次RSS Feed右上角显示新的CPU时,CPU也会加速feed feed。

我曾考虑过使用Web Workers在不同的线程上运行滚动条,但是在这个论坛中发现了另一个帖子,说Web Workers不能用于WebGL。我有什么其他方法可以确保顺畅滚动?

THX。

1 个答案:

答案 0 :(得分:0)

您是否正在使用RequestAnimationFrame进行动画回调?如果没有,你应该。它由浏览器管理,以便与页面上的其他元素一起绘制元素,并使用系统屏幕同步,这样您就可以获得最流畅的演示。如果你使用setTimeout或setInterval进行动画,你几乎总是会与页面渲染不同步,这会导致帧丢失和断断续续。