据我所知，对于常见的显示器，刷新率是60/s，但是在浏览器中渲染过程中的帧率是多少？我查阅了很多参考资料，它们告诉我，如果你想获得更好的动画效果，你需要保持帧速率与刷新率同步，使用requestAnimationFrame会很好。这到底是什么意思？谁会在javascript执行的动画中产生一个帧？它是由javascript自己产生的吗？那么css转换呢？有人能给我详细解释
浏览 24提问于2017-02-09得票数 0
2回答
我已经创建了一个GLSurfaceView，并调用它的渲染器的方法onDrawFrame(GL10 gl)来在屏幕上显示图像。我还在onDrawFrame和睡眠中更新了应用程序的逻辑，以达到60FPS。onDrawFrame中睡觉；显然我的手机的屏幕刷新率是60 to，所以Android将帧率限制在60fps。所以我想知道，当使用OpenGL ES 2.0时，安卓系统总是将
浏览 9提问于2014-06-23得票数 2
假设我们有一个60赫兹的刷新率，当浏览器完成画图时，应该以这个频率运行动画帧。如果浏览器执行多个微任务，并且它们(集体)占用超过1/60秒，而在该时间之后，微任务队列仍然不是空的，那么在此期间它会运行requestAnimationFrame回调吗?换句话说：requestAnimationFrame回调可以在执行非空微任务队列的微任务之间运行吗？如果答案是肯定的，那么我
浏览 1提问于2022-08-24得票数 1
回答已采纳
1回答
我有一段JavaScript代码，它绘制了一个条形图(假设是条形图)：const ctx = canvas.getContextconst barHeight = 20;const limit = yCharCnt * barHeight;
req
浏览 0提问于2021-08-27得票数 0
我在视图的右下角有一个按钮，当它点击/悬停时，它应该缩放以适应整个视图端口，但是当我使用transform: scale();时，font-size也发生了变化。使用转换属性是很重要的，因为我想在手机上使用它，而要在手机上实现60 the动画，我只能使用transform属性，这意味着我不能改变宽度等。
</button></body>PS :我的</e
浏览 3提问于2018-02-25得票数 1
我有一些基本的脚本来向右和向左滚动文本，我试图将它从timeout转换为requestAnimationFrame，但是，我不能让它工作。slideHorizontal(e, amount, time); }); });
有什么建议可以让我用
浏览 0提问于2014-10-22得票数 0
我有一个带有分层<canvas>元素的页面，就像答案中解释的那样。这些画布共同构成一个动画，因此每个画布都会被清除并根据需要重新绘制。现在，我正在尝试通过使用来合并requestAnimationFrame。但我真的不知道requestAnimationFrame在幕后做了什么。
可以让它在每个循环中更新多个画布吗？每个画布都应该有自己的循环吗？答案浏览器依赖于吗？
浏览 0提问于2011-06-06得票数 4
回答已采纳
2回答
我目前正在开发一个网站，它可以动态地构建一个由小积木组成的“城市”。建筑物和城市道具都是使用“位置:绝对”和“左”来定位的。为了定位用户摄像头，我更新了容器div的" left“CSS属性，有效地将内容向左或向右移动。到现在为止还好。
问题是，在功能较差的浏览器和机器上，动画非常慢。我目前使用的是一个30ms的定时器，它将调用tick函数，这个tick函数将处理用户输入，计算新的left，
浏览 0提问于2011-06-29得票数 1
回答已采纳
我已经写了一个C#程序，它通过相机制造商的专有应用程序接口从一个专门的相机捕获视频。我可以通过FileStream对象将捕获的帧写入磁盘，但当涉及到帧率时，我受制于相机和磁盘I/O。确保以所需的帧率写入磁盘的最佳方法是什么？是否有某种算法可以计算实时平均帧率，然后添加/丢弃帧以保持特定的期望帧率？
浏览 16提问于2013-08-15得票数 1
4回答
如果我在做多个动画，添加多个requestAnimationFrame回调在性能上是否正常？1 // animate element 2 // animate element 3requestAnimationFrame(anim2);或者它被证明比使用
浏览 0提问于2013-06-14得票数 60
我相信这涉及到一定的时间间隔var s=today.getSeconds();我有这个我在想，如果我应该/必须使用毫秒，因为这些单位存在，我可能只是用一个比率或什么东西
浏览 4提问于2015-02-17得票数 1
回答已采纳
然而，在画布渲染中有一个奇怪的错误，我无法完全弄清楚(而且很难描述，所以请原谅我！)
我有一个玩家，可以通过点击鼠标左键发射射弹。当弹丸第一次离开玩家时，似乎有两个弹丸在短时间内出现，直到它们最终合并到一个弹丸中。我没有创建两个，所以这似乎是一个光学幻象(这是最明显的，如果你发射几个弹丸快速连续)。真正奇怪的是，当我试图捕捉到这一切的截图时，一切看起来都很好。有人能弄清楚发生了什么事吗？玩家代码，包括弹丸(小提琴<e
浏览 2提问于2016-03-31得票数 0
回答已采纳
相关主题：在最初进入运行rAF循环的页面时，我看到了以下内容。
看起来没问题。当我开始在页面中做各种事情时，它会变得更加有趣。
浏览 99提问于2013-10-16得票数 21
我试图让物体在画布上互相靠近，当它们相遇并重叠时，一个应该消失，另一个应该倒下。现在我让动画来做这件事，但其中一项是闪烁的。<!
浏览 14提问于2016-09-07得票数 2
回答已采纳
2回答
我刚接触图形，所以我不知道人们通常是如何控制渲染物体的帧率的。我的意思是，你如何设置你的应用程序渲染速度，比如说，30fps？可能有很多API提供这样的功能，但我需要从头开始编写它。
浏览 0提问于2011-04-01得票数 14
回答已采纳
3回答
所以当我在页面上查看时，这个滑动动画效果很好，但如果我转到另一个浏览器选项卡几分钟，然后回到这个选项卡，就像我离开时所有的动画都在排队，一下子运行得非常快。看起来很可怕..。有什么想法吗？
浏览 2提问于2011-10-14得票数 3
回答已采纳
6回答
这是一个不太可能的事情--有没有办法通过JS插件来检测显卡性能的优劣？我们为客户端构建了一个视差站点，它在性能较低的机器上出现卡顿-我们可以调整性能，使其在所有方面都更好地工作-但这当然会降低高性能机器用户的体验。我们也可以检测到浏览器版本--但是同一个浏览器可以在低性能和高性能的机器上运行--所以对我们的情况没有帮助
有什么想法吗？
浏览 2提问于2013-03-14得票数 36
回答已采纳
我在Javascript/HTML5 5中有两个关于window.requestAnimFrame的问题
window.requestAnimFrame和window.requestAnimationFrame之间有什么区别吗？
浏览 3提问于2013-09-27得票数 3
关于广泛使用的requestAnimationFrame()函数，我有一些疑问。最近，我在多人游戏中遇到了一些实现，他们在客户端而不是服务器端使用它。
我在动画和游戏循环之间有点困惑--我想要的是NodeJS => (例如setInterval )中的一个实现。window.requestAnimat
浏览 3提问于2015-05-25得票数 16
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
