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.