three.js - 如何删除图像解码调用的卡住

标签 three.js freeze

<分区>

当我开始在游戏中移动时,我看到一些卡住,这只发生过一次,在使用开发工具记录后,我看到图像解码调用了卡住(据我所知,它正在为我的几何体解码纹理)。那么有没有什么方法可以“预编码”图像,并在没有卡住的情况下开始游戏?

recorder screen

最佳答案

缓解此问题的一种解决方案是使用 ImageBitmap .使用此 API,图像解码将在单独的线程中进行,而不会阻塞动画循环。在 three.js 中你可以使用 ImageBitmapLoader作为 ImageLoader 的更高效的替代品。查看以下示例以查看正在运行的加载程序:

https://threejs.org/examples/webgl_loader_imagebitmap.html

关于three.js - 如何删除图像解码调用的卡住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52571699/

相关文章:

Xcode 卡在索引上

Javafx 程序卡住

PHP 卡住 : how to loop connected to 2 MySQL databases

c# - WPF C# 应用程序将在我运行 2-3 次时卡住我的整个计算机

javascript - 如何测试 Three.js 中光线拾取的错误?

javascript - 设置 THREE.PerspectiveCamera 的距离而不改变 View 方向

javascript - Three.js 不准确的 Raycaster

javascript - 你能在 three.js 中提供一个作为纹理加载的图像作为另一个纹理 mipmap 吗?

javascript - 通过 Three.js 中的 getImageData 像素颜色数据循环创建多个立方体