requestanimationframe 相关问题

对于在循环中运行的动画或应用程序，HTML5 window.requestAnimationFrame API是setTimeout的替代方法。

在 Three.js 中沿样条线（圆）移动对象

我对 Three.js 还很陌生（1 天经验哈哈） 我想创建一个太阳系模型，这样我就可以得到应该沿着其轨迹（圆圈）移动的行星。 函数渲染（）{

animation three.js tween spline requestanimationframe
回答 1 投票 0

使用“SHIFT”时停止检测按键的问题

我正在做测试来检测键盘按键，我想到将其保存在数组中并按照按下的顺序添加按键。例如，如果您保留“w”和“a...

javascript keydown requestanimationframe keyup
回答 1 投票 0

如何实现流畅的帧率无关动画

我有以下动画，我希望使其平滑且与帧速率无关： 常量持续时间= 25； 常量摩擦力 = 0.68； 常量目标= 400； 令速度 = 0； 让位置= 0； 有趣...

javascript animation game-physics frame-rate requestanimationframe
回答 1 投票 0

更改请求动画帧的速度

我有以下代码可将画布中的图像从一个位置移动到另一个位置： 类目标{ 构造函数（img，x_init，y_init，img_width = 100，img_height = 100）{ 这个.img = img; ...

javascript typescript animation frontend requestanimationframe
回答 2 投票 0

Array Push() 正在丢失由类侦听器添加的元素

代码应连续绘制形状类CircleFade。每个形状应绘制超过 100 个周期，然后应生成一个新形状并在链中重复该过程。一个

javascript arrays event-handling listener requestanimationframe
回答 1 投票 0

requestAnimationFrame()多个对象的动画同步问题

任务是当矩形 - 喷气机接触地面 - 绘制星星时，对模拟下雨的下落矩形进行动画处理。为了实现它，有 3 个类： GitHub 存储库。 // 形状： WaterJe 类...

javascript animation graphics synchronization requestanimationframe
回答 1 投票 0

HTML Canvas 重新绘制需要很长时间

我正在使用 Electron.js 使用 JavaScript 开发游戏。我使用 HTML 元素和 2d 上下文作为渲染器。在某些时候，我注意到游戏运行速度非常慢（小于...

javascript performance html5-canvas chromium requestanimationframe
回答 1 投票 0

Canvas 内奇怪的视图框字体大小行为

c.font = "100vh 无衬线"; c.fillStyle = "白色"; c.fillText(fps.toFixed(0), w/2, 0); 最初，文本的高度看起来不错。 但是，当我调整窗口大小时，文本会...

html5-canvas requestanimationframe viewport-units
回答 1 投票 0

rAF 循环可实现一致的 requestAnimationFrame 精度和计时

我发现有关 JS 中 requestAnimationFrame 计时的矛盾信息，希望得到一些帮助。在这篇文章中（1确切的显示时间：requestAnimationFrame的使用和时间...

javascript animation settimeout requestanimationframe web-animations
回答 1 投票 0

requestAnimationFrame 超过屏幕刷新率

我在js webgl项目中使用requestAnimationFrame，其中我通过访问包含最后一帧内容的纹理将每个帧上的像素颜色从黑色更改为白色）但该帧...

javascript gpu webgl requestanimationframe vsync
回答 1 投票 0

了解 requestanimationFrame 的工作原理

我试图理解 requestAnimationFrame api，但我无法理解在此过程中重绘是如何发生的。 我正在进行一项编程练习来创建秒表。 功能

javascript requestanimationframe
回答 1 投票 0

谜语：iframe 中的 requestAnimationFrame 回调越频繁，iframe 越多（在 Chrome 中）

我使用 TypeScript 和 WebGL 构建视觉艺术。有时，艺术品会作为 iframe 嵌入。 我注意到当多个艺术品作为 iframe 嵌入到页面上时，一些动画运行得更快。 我

iframe frame-rate requestanimationframe
回答 1 投票 0

将 requestAnimationFrame 循环封装在类中会丢失对象的 this 引用

我想推出一个 JavaScript 类来通过 window.requestAnimationFrame 执行动画。不幸的是，当我运行我的代码时，Google Chrome 开发人员工具向我抛出以下错误： 脚本.js:10

javascript requestanimationframe
回答 1 投票 0

递归调用requestAnimationFrame有什么作用？

在这个代码块中requestAnimationFrame做了什么？ 打钩（） { if (this.running) { this.remaining = Math.max(0, this.end - Date.now()); requestAnimationFrame(() => this.tick()...

javascript requestanimationframe lit
回答 1 投票 0

requestAnimationFrame 及其生命周期

我意识到我对 requestAnimationFrame 感到困惑，尽管不久前我以为我理解它是如何工作的。 那么我的问题的本质是什么： 他们说 requestAnimationFrame，南...

javascript event-loop requestanimationframe
回答 1 投票 0

为什么 mouseDown 和 mouseUp 事件不调度相同的animationFrame？

这里是一个示例代码，显示即使进行简单的单击，mouseUp 和 mouseDown 也会产生 2 个不同的动画帧。 const d = document.createElement('div'); const b = document.createElem...

javascript typescript requestanimationframe
回答 1 投票 0

调用 requestAnimationFrame 时进行更改检测的用例

在 Angular 应用程序中，我遇到了一个大量使用 requestAnimationFrame 的第三方库的问题，这反过来会触发大量的更改检测周期。 虽然这并不一定会导致

angular performance requestanimationframe angular-changedetection
回答 1 投票 0

限制Three.js中的帧速率以提高性能，requestAnimationFrame？

我在想，对于我做的某些项目来说，60fps 并不是完全需要的。我想如果我能让它以 30 fps 的帧速率平稳运行，我就可以拥有更多以 30 fps 运行的对象和事物。我想...

javascript html canvas three.js requestanimationframe
回答 7 投票 0

取消停止使用 requestAnimationFrame() 制作的动画

我正在反应中制作计时器进度条动画。我使用 requestAnimationFrame() 来执行此操作。我遇到的问题是，尽管设置了 ...

javascript css reactjs timer requestanimationframe
回答 1 投票 0

如何通过异步回调实现requestAnimationFrame循环？

我发现几个问题与我正在寻找的内容非常接近，但要么我理解不够，要么问题/答案并不完全适用于我正在寻找的内容： 使用方法

javascript async-await es6-promise requestanimationframe
回答 1 投票 0
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.