three.js obj/mtl装载机返回黑色
我是3D建模初学者和three.js 我有一些关于three.js的问题 我在本页上继续了three.js obj/mtl loader教程 它工作得很好。我试着把obj,mtl文件改成我自己的 但chrome浏览器只返回黑色窗口。。。请帮帮我 这就是我的处境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,并在所有资产初始化之后进行了渲染 这是我的密码 三重实践 身体{ 字
三重实践
身体{
字体系列: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”!!嘿,伙计们..我解决了问题!!!我使用了边界框并从边界框位置设置了相机位置!!!谢谢你们的兴趣