Описание тега requestanimationframe

HTML5 window.requestAnimationFrame API is an alternative to setTimeout for animations or applications running in a loop.
0 ответов

response-native requestanimationframe - мерцание - заморозка - сбой приложения

Я учусь создавать приложение, используя реактивный и ниже приведен код компонента, который я использую. Проблема в том, что когда я симулирую это приложение, оно падает за несколько секунд. Я не мог понять, что вызывает эту проблему. Может кто-нибуд…
25 ноя '17 в 17:44
1 ответ

requestAnimationFrame срабатывает гораздо чаще, чем 60 кадров в секунду

Я использую requestAnimationFrame для анимации части моей страницы при перемещении мыши. Одна проблема, с которой я столкнулся сейчас, заключается в том, что он вызывает код рисования гораздо чаще, чем ожидалось, 60 раз в секунду (частота обновления…
0 ответов

Планирование задачи в начале кадра анимации с использованием requestAnimationFrame

Я использую requestAnimationFrame планировать дом манипуляций. Почему задача выполняется почти в конце каждого кадра? Часто задачи немного длинны и пересекаются со следующим кадром. Есть ли способ убедиться, что задача запланирована на запуск в нача…
1 ответ

Способ плавного перемещения большого изображения?

У меня очень широкое изображение снежной сцены с несколькими деревьями и снежным шаром на вершине. Игра состоит в том, чтобы снежный ком перепрыгивал через деревья. Итак, у меня есть изображение, перемещающееся влево как своего рода боковой скроллер…
1 ответ

Это хорошая идея использовать requestAnimationFrame в функции debounce?

Это проверка моего понимания requestAnimationFrame, Мне нужна функция debounce, так как я выполняю некоторые DOM-взаимодействия каждый раз, когда размер окна изменяется, и я не хочу перегружать браузер. Типичная функция debounce будет вызывать перед…
1 ответ

Бесконечные консольные журналы, JavaScript не покинет функцию requestAnimationFrame

Я получаю бесконечный "рендер" в консоли... Почему это происходит? Я не могу понять это!:(Я был на этом весь день в основном. Ребята, вы понимаете, в чем проблема? Приставка: turnEvent render 10 times render Infunction: 150.458ms 6534 and counting t…
1 ответ

setInterval...requestAnimFrame...requestAnimationFrame..на Safari ARGH ничего не работает

Итак, я прочитал сотни тем. Я отказался от GIF-файлов из-за того, что они плохо поддерживаются в разных браузерах (по умолчанию минимальное число кадров в секунду составляет 4-10 в зависимости от браузера, и при загрузке не выполняется сброс gif или…
1 ответ

Анимация объектов, назначенных массиву в JavaScript

Я пытаюсь оживить некоторые квадраты, чтобы они появлялись в разные моменты, но я достигаю только рисования и анимации одного квадрата. Я пытаюсь назначить квадраты в массив, но не анимировать. Я хочу сделать что-то вроде графического интерфейса Gui…
03 май '18 в 18:56
1 ответ

Отменить все запущенные в настоящий момент RequestAnimationFrames

Я звоню многим requestAnimationFrames одновременно. Как бы я отменил все requestAnimationFrames так, чтобы ни один больше не работал?
11 сен '18 в 23:49
2 ответа

Является ли запрос requestAnimationFrame с Raphael хитом производительности?

Я работаю над довольно ресурсоемким веб-приложением, которое в значительной степени полагается на Raphael.js для примерно 50% используемых анимаций, остальное я развернул свой собственный метод анимации, который использует webkitRequestAnimationFram…
09 май '12 в 20:39
0 ответов

Как получить плавную анимацию при манипулировании DOM с помощью rAF

Нужна непрерывная карусель для клиента, который работает с объектами разных размеров в списке (в основном непрерывная лента тикеров для логотипов клиентов). В настоящее время я использую requestAnimationFrame постоянно скользить карусель. Вот CodePe…
15 июл '15 в 01:20
2 ответа

Chrome requestAnimationFrame выдает

Связанная тема: requestAnimationFrame Сборка мусора Я работал над плавной анимацией в виджете, который я создаю для сенсорных устройств, и одним из инструментов, которые я нашел, чтобы помочь мне в этом, был экран Chrome Memory Timeline. Это немного…
0 ответов

JavaScript Canvas requestAnimation вкладка "Замораживание кадров"

Я работал над 2D-игрой на JavaScript с использованием canvas, и я обнаружил, что requestAnimationFrame, кажется, делает игру намного более плавной, и это здорово. Однако с тех пор игра случайно зависала. Закладка застревает, и игра не выдает никаких…
2 ответа

Ожидание завершения requestAnimationFrame (с помощью обратных вызовов)

Так что я новичок здесь, извиняюсь, если это основной вопрос, но я не вижу ответа на него где-либо еще. Я пытаюсь написать веб-приложение, которое показывает анимацию (используя pixijs), а затем отображает div с запросом ответа. Моя проблема заключа…
1 ответ

Быстрая прокрутка без OnScroll?

Я был очень взволнован после прочтения этой статьи о более быстрых эффектах прокрутки. Я реализовал метод Уорри, чтобы увидеть, смогу ли я определить разницу в производительности по сравнению с использованием прослушивателя события прокрутки: window…
1 ответ

Полифилл requestAnimationFrame: для чего нужен параметр элемента?

Я использую полифилл requestAnimationFrame Эрика Мёллера (исправления от Paul Irish и Tino Zijdel) и мне было интересно, для чего нужен второй параметр, называемый "element". Вот код: (function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webk…
0 ответов

Передача аргумента в requestAnimationFrame

Как я могу передать аргумент в reqestAnimationFrame? скажем, у меня есть этот код, как я могу передать аргумент в requestAnimationFrame var element = document.getElementById("SomeElementIWantToAnimate"); element.style.position = 'absolute'; function…
18 ноя '16 в 23:32
2 ответа

RequestAnimationFrame в Javascript

Я хочу анимировать отрезок круга (45 градусов) на холсте. Но по ряду причин это не сработает. Что я тут делаю не так? [Демо][1] window.onload = function() { (function() { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestA…
22 авг '14 в 09:16
2 ответа

requestAnimationFrame: Объяснение возврата частоты кадров

Так что я нашел этот полезный кусок кода и использовал его для мгновенной частоты кадров для созданной мною анимации. Я надеялся, что кто-нибудь может помочь мне понять, как это работает? Вот мой код: <script src="jquery.js"></script> wi…
1 ответ

Правильный способ написать идеальную анимацию, используя jquery

Текущий сценарий: У меня есть список divs который содержит набор элементов, который прокручивается автоматически в зависимости от количества divs подарок. Этот список divs находится внутри parent div и с фиксированным height, Требования: Не анимиров…