javascript – 在Canvas渲染器中使用回调的ImageUtils.loadTexture

前端之家收集整理的这篇文章主要介绍了javascript – 在Canvas渲染器中使用回调的ImageUtils.loadTexture前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用three.js修订版53

在Canvas Renderer(Win7上的IE)中加载纹理并为onLoad事件添加回调时,纹理不会显示.当我删除回调函数时,纹理将按预期显示

//不使用回调添加

var material = new THREE.MeshBasicMaterial({
            map: THREE.ImageUtils.loadTexture('text_build.png',{},function()
            {
 //do something
            })
});
var plane = new THREE.Mesh(new THREE.PlaneGeometry(135,135),material);
plane .overdraw = true;
scene.add(plane );

//没有回调的工作

var material = new THREE.MeshBasicMaterial({
             map: THREE.ImageUtils.loadTexture('text_build.png')
});
var plane = new THREE.Mesh(new THREE.PlaneGeometry(135,material);
plane .overdraw = true;
scene.add(plane );

在WebGL渲染器(FF,WIn7上的Chrome)中运行相同的代码时,两个示例都可以正常工作.

也许有人可以指出我在这里做的错误.

非常感谢.

解决方法

试试这个:
var material = new THREE.MeshBasicMaterial({    
    map: THREE.ImageUtils.loadTexture( 'text_build.png',new THREE.UVMapping(),function() { ... } )
});
原文链接:https://www.f2er.com/js/158582.html

猜你在找的JavaScript相关文章