Архив метки: requestAnimationFrame

requestAnimationFrame повторяющийся таймер для применения изменений каждый несколько миллисекунд

Вы хотите, чтобы ваши веб-приложение с анимацией и переходами или другими небольшими эффектами пользовательского интерфейса, работали гибко и плавно? Эта статья об оптимизации производительности рендеринга в браузере. Тема расскажет, что трудного в плавной анимации и что должно произойти для ее достижения, и немного практики. Многие из этих идей были первоначально представлены на «Jank Busters,» Обсуждение Nat Duca, и еще на Google I/O разговор в этом году ( видео , слайды ). Читать далее

Если вы хотите написать казуальную игру с помощью элемента HTML5 Canvas, вам нужно найти способ справиться со спрайтами. Есть несколько библиотек, которые помогут вам в написании игры, такие как  ImpactJS CraftyJS  и так далее. В этой статье используется EaselJS , который применили для написания  Pirates Love Daisies  : это HTML5 игра. Эта удивительная библиотека работает во всех современных браузерах с поддержкой HTML5. Читать далее

Если вы используете requestAnimationFrame значит вам нравится смотреть как ваши самые высококачественные анимации синхронизируются с частотой обновления экрана. Кроме того, когда пользователи переключается на другую вкладку, у них не нагружается CPU устройства, не увеличивается шум вентилятора и не уменьшается заряд батареи. Читать далее