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参数
| 参数 | 类型 | 说明 |
|---|---|---|
LoaderClass | new () => Loader<T> | Three.js Loader 类(非实例) |
返回值
| 属性 | 类型 | 说明 |
|---|---|---|
result | Ref<T | null> | 加载结果 |
isLoading | Ref<boolean> | 加载中状态 |
error | Ref<Error | null> | 错误信息 |
load | (url: string) => Promise<T> | 触发加载 |