Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
three.js obj/mtl装载机返回黑色_Three.js - Fatal编程技术网

three.js obj/mtl装载机返回黑色

three.js obj/mtl装载机返回黑色,three.js,Three.js,我是3D建模初学者和three.js 我有一些关于three.js的问题 我在本页上继续了three.js obj/mtl loader教程 它工作得很好。我试着把obj,mtl文件改成我自己的 但chrome浏览器只返回黑色窗口。。。请帮帮我 这就是我的处境 我没有控制台错误 这是我的截图 我之前说过,当使用threejs.org示例数据(obj,mtl)运行browers时,它是有效的 我设置了light#fffff,并在所有资产初始化之后进行了渲染 这是我的密码 三重实践 身体{ 字

我是3D建模初学者和three.js

我有一些关于three.js的问题

我在本页上继续了three.js obj/mtl loader教程

它工作得很好。我试着把obj,mtl文件改成我自己的

但chrome浏览器只返回黑色窗口。。。请帮帮我

这就是我的处境

  • 我没有控制台错误 这是我的截图

  • 我之前说过,当使用threejs.org示例数据(obj,mtl)运行browers时,它是有效的

  • 我设置了light#fffff,并在所有资产初始化之后进行了渲染

  • 这是我的密码

    
    三重实践
    身体{
    字体系列:Monospace;
    背景色:#fff;
    颜色:#fff;
    边际:0px;
    溢出:隐藏;
    }
    #信息{
    颜色:#fff;
    位置:绝对位置;
    顶部:10px;
    宽度:100%;
    文本对齐:居中;
    z指数:100;
    显示:块;
    }
    three.js-OBJLoader+MTLLoader
    var容器,stats
    摄像机、场景、渲染器
    var mouseX=0,mouseY=0
    var windowHalfX=window.innerWidth/2;
    var windowHalfY=window.innerHeight/2
    init();
    制作动画();
    //设置场景。
    函数init(){
    //场面
    场景=新的三个。场景();
    container=document.createElement('div');
    文件.正文.附件(容器);
    摄像头=新的三个透视摄像头(45,window.innerWidth/window.innerHeight,12000);
    摄像机位置设置(0,02000);
    场景。添加(摄影机);
    var环境光=新的三个环境光(0xFFFFFF);
    场景。添加(环境光);
    var方向灯=新的三个方向灯(0xffeedd);
    directionalLight.position.set(0,0,1).normalize();
    场景。添加(方向光);
    var onProgress=函数(xhr){
    if(xhr.Length可计算){
    var percentComplete=xhr.loaded/xhr.total*100;
    log(Math.round(完成百分比,2)+'%download');
    }
    };
    var onError=函数(xhr){};
    添加(/\.dds$/i,新的三个.DDSLoader());
    var mtlLoader=new THREE.mtlLoader();
    mtlLoader.setPath('obj/');
    //mtlLoader.load('male02.mtl',功能(物料){
    mtlLoader.load('3DScan999999.mtl',函数(物料){
    材料。预加载();
    var objLoader=new THREE.objLoader();
    objLoader.setMaterials(物料);
    setPath('obj/');
    //objLoader.load('male02.obj',函数(对象){
    objLoader.load('3DScan999999.obj',函数(对象){
    object.position.y=-95
    console.log(“log:+object.position.y”);
    场景。添加(对象);
    },onProgress,onError);
    });
    renderer=new THREE.WebGLRenderer();
    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth、window.innerHeight);
    container.appendChild(renderer.doElement);
    document.addEventListener('mousemove',onDocumentMouseMove,false);
    addEventListener('resize',onWindowResize,false);
    }
    函数onWindowResize(){
    windowHalfX=window.innerWidth/2;
    windowHalfY=window.innerHeight/2;
    camera.aspect=window.innerWidth/window.innerHeight;
    camera.updateProjectMatrix();
    renderer.setSize(window.innerWidth、window.innerHeight);
    }
    onDocumentMouseMove函数(事件){
    mouseX=(event.clientX-windowHalfX);
    mouseY=(event.clientY-windowHalfY);
    }
    //
    函数animate(){
    请求动画帧(动画);
    render();
    }
    函数render(){
    camera.position.x+=(mouseX-camera.position.x)*.05;
    camera.position.y+=(-mouseY-camera.position.y)*.05;
    摄像机。注视(场景。位置);
    渲染器。渲染(场景、摄影机);
    }
    
    给我obj和mtl的url。我需要修复代码段!抱歉迟到。这是我的链接,我更改了obj,mtl文件!名为“m2”!!嘿,伙计们..我解决了问题!!!我使用了边界框并从边界框位置设置了相机位置!!!谢谢你们的兴趣