Skip to content

useRenderLoop ​

在 app 的渲染循环(onBeforeRender)中注册回调,支持动态暂停和恢复。

用法 ​

ts
import { useRenderLoop } from '@threeuse/core'

const { pause, resume, isPaused } = useRenderLoop(app, (delta, elapsed) => {
  mesh.rotation.y += delta
})

参数 ​

参数类型说明
appThreeUseApp应用实例
fnFrameCallback每帧执行的回调 (delta, elapsed) => void

返回值 ​

属性类型说明
pause() => void暂停回调执行
resume() => void恢复回调执行
isPausedRef<boolean>当前暂停状态

Demo ​

已暂停:

Released under the MIT License.