Публикации по теме 'requestanimationframe'
Самый точный способ запланировать функцию в веб-браузере
TL;DR
Функция setTimeout подходит, но в целом для теоретического тайм-аута 250 мс реальное / эффективное значение тайм-аута колеблется от 251 мс до 1,66 + с. По состоянию на октябрь 2020 года наиболее точным способом планирования функции / обратного вызова является использование setTimeout функции в Web Worker iframe с разными источниками . Функция requestAnimationFrame наименее точна и требует, чтобы она находилась внутри области просмотра, в противном случае..
Вопросы по теме 'requestanimationframe'
Почему рисование анимированного gif на холсте обновляется только после повторного выбора вкладки?
Я хотел бы отобразить анимированный gif на холсте с некоторыми примененными преобразованиями. Чтобы проверить вещи, я сейчас просто пытаюсь отобразить анимированный gif на холсте, так что он по существу равен отображению gif в виде обычного тега...
3437 просмотров
schedule
03.02.2023
Почему функция requestAnimationFrame принимает элемент в качестве аргумента?
Я просто пытаюсь понять, какого черта window.requestAnimationFrame принимает второй параметр как элемент, в чем причина этого?
Мне любопытно узнать основное выполнение этой функции....
1787 просмотров
schedule
21.04.2023
Почему jQuery не использует requestAnimationFrame?
Некоторые браузеры поддерживают requestAnimationFrame , так почему бы не использовать его? В конце концов, он поддерживается, начиная с Google Chrome 10 . Несмотря на это, jQuery похоже, не использует его . Я нашел отчет об ошибке об этом, но...
28259 просмотров
schedule
13.10.2022
Вопросы о Запрос кадра анимации
Я пытаюсь создать сайт параллакса, который будет перемещать несколько элементов при прокрутке сайта. Но вместо использования прослушивателя событий прокрутки я использую requestAnimationFrame после прочтения это сообщение Пола Айриша и это...
6917 просмотров
schedule
09.06.2022
Проблема использования Requestanimationframe
Я получил следующую функцию RequestAnimationframe с сайта http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
Я пытаюсь использовать его. Но не уверен, как это назвать и использовать. Может кто-нибудь дать...
516 просмотров
schedule
13.09.2022
requestAnimFrame не может дать постоянную частоту кадров, но это нужно моему физическому движку.
Я использую Box2D с WebGL. Box2D требует постоянной частоты кадров (временные шаги для его «мировых» обновлений).
function update(time) {//update of box2d world
world.Step(
1/60 // 1 / frame-rate
, 3 //velocity...
1668 просмотров
schedule
26.02.2023
Видимость элемента DOM и requestAnimationFrame
Я читал статью на HTML5Rocks , в которой приводился пример прокрутки веб-страницы. и проверка массива элементов DOM offsetTop, чтобы увидеть, должны ли они быть видны.
В статье говорится, что лучший способ сделать это — обновить переменную с...
1184 просмотров
schedule
08.09.2022
Анимация рисования линий на холсте с использованием кадра анимации запроса
Я изо всех сил пытаюсь создать анимацию рисования линий, используя кадр анимации запроса. Пока я использовал функцию setInterval, все работало нормально, но я где-то читал, что кадр запроса ани намного оптимизирован и что все функции в интервале...
1364 просмотров
schedule
17.02.2023
Добиться стабильной частоты кадров с помощью requestAnimationFrame?
Я играю с requestAnimationFrame , но у меня очень дерганая анимация в любом другом браузере, кроме Chrome.
Я создаю такой объект:
var object = function() {
var lastrender = (new Date()).getTime();
var delta = 0;
return {...
1499 просмотров
schedule
06.04.2022
как использовать кадр анимации запроса в коде, который следует следующему шаблону?
Я решал эту проблему уже несколько дней. Я впервые написал свой код в шаблоне конструктора. Я хочу увеличить высоту 10 строк Безье в переходе. в анимации). Поэтому я, наконец, прибегнул к requestAnimationFrame. Но из-за этого шаблона конструктора я...
1536 просмотров
schedule
02.11.2023
Множественная производительность requestAnimationFrame
Если я делаю несколько анимаций, можно ли с точки зрения производительности добавить несколько обратных вызовов requestAnimationFrame ? Например:
function anim1() {
// animate element 1
}
function anim2() {
// animate element 2
}...
19217 просмотров
schedule
18.12.2022
Ошибка прокрутки в iScroll 4 с использованием трекпада Mac в Firefox 23.0.1
Я создаю веб-приложение, в котором отключена собственная прокрутка браузера, и вместо этого я использую iScroll. Я столкнулся со следующей проблемой с новейшим Firefox.
Используя прокрутку двумя пальцами на моем MacBook Air с Firefox 23.0.1,...
1002 просмотров
schedule
17.11.2022
Управление памятью Javascript (обратный вызов requestAnimationFrame)
Я пытаюсь вопиющим образом скопировать астероиды, но столкнулся с серьезной проблемой управления памятью.
Я использую window.requestAnimationFrame, чтобы обслуживать кадры для моей игры, используя вызов функции «gameloop» requestAnimationFrame с...
527 просмотров
schedule
01.07.2022
Проблемы с Chrome requestAnimationFrame
Связанная тема: сборка мусора requestAnimationFrame
Я работал над плавной анимацией в виджете, который я создаю для сенсорных устройств, и одним из инструментов, который помог мне в этом, был экран Chrome Memory Timeline.
Мне немного помогло...
10765 просмотров
schedule
01.04.2023
Webgl: низкий fps и ~ 72% времени простоя
Я создаю шутер от первого лица в Webgl и в настоящее время отлаживаю раннюю версию в Chrome 31.0.1650.57.
Приложение работает плохо со скоростью около 7-8 кадров в секунду, и когда я использую профиль процессора, я получаю следующее:
Исходя...
1679 просмотров
schedule
10.11.2022
Как вызвать requestAnimFrame для метода объекта?
Скажем, у меня есть следующий объект:
function Foo(value){
this.bar = value;
this.update();
}
Foo.prototype.update = function(){
console.log(this.bar);
this.bar++;
requestAnimationFrame(this.update);
}...
988 просмотров
schedule
02.04.2024
Предотвратить постоянный запуск requestAnimationFrame
Я хотел бы знать, как вызывать функцию animate через requestAnimationFrame только тогда, когда это действительно необходимо. В настоящее время animate вызывается все время, что, я думаю, создает накладные расходы.
Я уже пытался в своей...
4308 просмотров
schedule
29.12.2022
Как проверить изменения в прокладке requestAnimationFrame на OSX Mavericks?
Предположим, я начинаю с прокладки requestAnimationFrame Пола Айриша :
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||...
334 просмотров
schedule
20.06.2023
Использует ли React requestAnimationFrame? Если да, то как он его использует?
Я нашел 2 источника, где говорится, что React использует requestAnimationFrame На этом запись в блоге об Om , фреймворке ClojureScript поверх React. Также в комментариях этого ответа SO .
Я не уверен, что это часть React или люди используют...
8707 просмотров
schedule
10.03.2023
Добавление дополнительных аргументов к функции, вызываемой requestAnimationFrame
Я хочу создать функцию, которая прокручивает элемент изображения на x пикселей за время y на холсте HTML5, используя requestAnimationFrame и дельта-время. Я не могу понять, как добавить больше аргументов к моей функции, когда requestAnimationFrame...
7609 просмотров
schedule
15.03.2023