Skip to content

useLoader

通用资源加载器,封装任意 Three.js Loader,返回响应式加载状态。

用法

ts
import { useLoader } from '@threeuse/core'
import { GLTFLoader } from 'three/addons'

const { result, isLoading, error, load } = useLoader(GLTFLoader)

await load('/models/character.glb')
// result.value -> loaded GLTF

参数

参数类型说明
LoaderClassnew () => Loader<T>Three.js Loader 类(非实例)

返回值

属性类型说明
resultRef<T | null>加载结果
isLoadingRef<boolean>加载中状态
errorRef<Error | null>错误信息
load(url: string) => Promise<T>触发加载

Released under the MIT License.