# 资源加载器

import XrFrame from 'XrFrame'; const xrFrameSystem = wx.getXrFrameSystem(); // 指定纹理可接受的额外参数 export interface ITextureLoaderOptions { anisoLevel?: number; } // 加载纹理时会被传入的数据 type ITextureLoadData = XrFrame.IAssetLoadData<ITextureLoaderOptions>; // 定制加载器 export default class TextureLoader extends xrFrameSystem.AssetLoader<XrFrame.Texture, ITextureLoaderOptions> { // 指定加载器参数的`schema`，和**数据解析**一章中的数据类型一致 public readonly schema: ILoaderOptionsSchema = { anisoLevel: {type: 'number', defaultValue: 1}, }; // 当纹理资源加载时会调用这个方法 public load( params: ITextureLoadData, callbacks: { // 开发者需要在加载进度更新时调用的回调 onLoading(progress: number): void; // 开发者需要在加载完成时调用的回调 onLoaded(value: Kanata.Texture): void; // 开发者需要在加载出错时调用的回调 onError(error: Error): void; } ): void { const {options} = params; // 这里可以拿到当前场景`scene`的引用 const img = this.scene.createImage(); img.onload = () => { const texture = this.scene.createTexture({ source: [img], width: img.width, height: img.height, anisoLevel: options.anisoLevel }); callbacks.onLoaded(texture); } img.onerror = (error) => { callbacks.onError(error); } img.src = params.src; } // 返回一个当前加载器指定类型资源的**默认资源列表**，这些资源可以直接被组件引用，但它们都是`defer`的，只有在用到的时候才会去加载。 public getBuiltin() { return [ { assetId: 'brdf-lut', src: 'https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/brdflut.png', options: {} } ]; } // 某个资源被取消加载时会调用，记得一定要先调用父级的方法 public cancel(params: ITextureLoadData) { super.cancel(); } // 某个资源被释放时会调用，这里可以执行释放操作 public release(params: ITextureLoadData, value: XrFrame.Texture) { value.destroy(); } } // 注册加载器到框架，资源类型为`texture` xrFrameSystem.registerAssetLoader('texture', TextureLoader);