javascript - TextureLoader 中的 onLoad 不起作用?

标签 javascript 3d three.js textures onload

我在 Three.js 中使用纹理加载器,其中的 onLoad 函数不起作用,在控制台中出现错误

var TextureLoader = new THREE.TextureLoader();

boxtexture.onChange(function (value) {

    TextureLoader.load('textures/' + value,

        // onLoad callback
        function(texture){
            Box1.material.map = texture
            Box1.material.map.wrapT = THREE.RepeatWrapping;
            Box1.material.map.wrapS = THREE.RepeatWrapping;
            Box1.material.map.repeat.set(38, 38);
            Box2.material.map = texture
            Box2.material.map.wrapT = THREE.RepeatWrapping;
            Box2.material.map.wrapS = THREE.RepeatWrapping;
            Box2.material.map.repeat.set(38, 38);
        },

        // onProgress callback
        function(loaded)
        {
            load = 1;
            console.log(loaded);
            window.open(Renderer.domElement.toDataURL());
        }
    );

});

但它不会调用 onLoad 函数并在控制台中给出错误消息 纹理已正确加载。但我需要在加载时调用一个函数。

the methods for textureLoader in three.js

console error

最佳答案

我只是使用 Three.js 中的加载管理器解决了这个问题

var manager = new THREE.LoadingManager();
manager.onLoad = function () {

// call back function when the texture gets loaded

}
var TextureLoader = new THREE.TextureLoader(manager);

TextureLoader.load('textures/', function (texture) {

 material.map = texture;

 });

关于javascript - TextureLoader 中的 onLoad 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35055251/

相关文章:

three.js - 为什么我墙上的灯看起来很奇怪?三.js

javascript - 将表单结果从 php 文件重定向到另一个文件

javascript - 无法加载需要配置路径和 shim 的 Handlebars

3d - 需要帮助正确直线投影等距柱状全景图像

json - 如何在 ThreeJS 中获取 3D 对象尺寸?

javascript - gsap 代码中的时间变量未更新

javascript - 修复 D3 力导向布局中的节点位置

javascript - 在 javascript 正则表达式中检查 "this AND that WITHOUT this"的方式

matlab - 在 MATLAB/Octave 中绘制 3D 矩阵切片的值

math - 两个 3d 矢量之间的欧拉角