时间戳

首页 > 解决方案 > Pixi js - 加载程序没有达到 100% 的进度

loader - Pixi js - 加载程序没有达到 100% 的进度

问题描述

我正在使用 PIXI.Loader 为精灵加载图像。因此，我正在跟踪加载进度以显示和隐藏相应的加载器组件。当进度为 100 时，加载器组件设置为不可见。

到目前为止，一切正常，但加载器突然停在 99.99999999999984%。图像似乎全部正确加载，但加载器组件显然不会隐藏。

我正在使用 React，进度部分如下所示：

if (loader && !firstRender.current) {
    firstRender.current = true
    loader.onProgress.add(l => {
        setProgress(l.progress)
    })
}

useEffect(() => {
    if (progress === 100) setVisibility("none")
}, [progress])

return (
    <div className="bg" style={{display: visibility}}>
        <CircularProgressWithLabel color="primary" value={progress} />
    </div>
)

有人知道为什么进度没有达到 100% 吗？

亲切的问候菲利普

标签： loaderpixi.js

解决方案

添加

 loader.onComplete.add(() => {
  this.loadingComplete();
});

然后通过定义进行处理

  loadingComplete(){//your stuff}

加载完成后你想做的任何事情的方法。完美地为我工作

推荐阅读