Jittery WebGL Scroller

Question

Я создал прототип скроллера с использованием WebGL. Проблема в том, что когда он объединяется с другими элементами, не относящимися к WebGL на той же странице, скроллер становится нервным, а качество довольно плохим. Здесь вы можете увидеть демонстрацию (скроллер внизу, игнорируйте китайские символы) - http://viewer -test.appspot.com / Viewer.html? Type = presentation & id = 6a169bb8-e440-4338-9e3a-8b5e429f32ee & showui = false Даже если я извлекаю видео, прокрутка все равно замедляется, когда процессор загружается каждый раз, когда в правом верхнем углу RSS-канала отображается новый фрагмент фида.

Я подумывал об использовании Web Workers для запуска скроллера в другом потоке, но наткнулся на еще одну публикацию на этом форуме, в которой говорилось, что Web Workers нельзя использовать с WebGL. Какие есть другие варианты для обеспечения плавной прокрутки?

Thx.

Answer 1

Используете ли вы RequestAnimationFrame для обратных вызовов анимации? Если нет, вы должны. Браузер управляет временем прорисовки вашего элемента с остальными на странице и синхронизацией экрана системы, поэтому вы получаете максимально плавную презентацию. Если вы делаете анимацию, используя setTimeout или setInterval, вы почти всегда будете в конечном итоге не синхронизированы с рендерингом страниц, что приводит к пропущенным кадрам и заиканиям.