useRenderLoop
在 app 的渲染循环(onBeforeRender)中注册回调,支持动态暂停和恢复。
用法
ts
import { useRenderLoop } from '@threeuse/core'
const { pause, resume, isPaused } = useRenderLoop(app, (delta, elapsed) => {
mesh.rotation.y += delta
})参数
| 参数 | 类型 | 说明 |
|---|---|---|
app | ThreeUseApp | 应用实例 |
fn | FrameCallback | 每帧执行的回调 (delta, elapsed) => void |
返回值
| 属性 | 类型 | 说明 |
|---|---|---|
pause | () => void | 暂停回调执行 |
resume | () => void | 恢复回调执行 |
isPaused | Ref<boolean> | 当前暂停状态 |
Demo
已暂停: