在three.js中看不到obj应该如何解决?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (899)

有一个3D模型从meshlab导出,并希望在three.js中加载它:

var scene = new three.Scene();
scene.background = new THREE.Color( 0xffffff );
var camera = new three.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

var renderer = new three.WebGLRenderer({ alpha: true });
renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);
var mesh = null;
var material = new THREE.MeshBasicMaterial({color: 'yellow', side: THREE.DoubleSide});
function initMesh() {
    var loader = new THREE.OBJLoader();
    loader.load('merged.obj', function(obj) {

        obj.traverse(function (child) {

            if (child instanceof THREE.Mesh) {
                child.material = material;
            }

        });
    mesh = new THREE.Mesh(obj);
    mesh.name = 'mesh1';
    scene.add(mesh);
    });
}

但我看不到模型。试着改变背景颜色和网格的颜色,但我不确定这个物体是否在场景中。

Meshlab中的相机具有以下观点:

<!DOCTYPE ViewState>
<project>
 <VCGCamera TranslationVector="13.2236 38.6958 -15.7741 1" 
LensDistortion="0 0" ViewportPx="1280 611" PixelSizeMm="0.0369161 
0.0369161" CenterPx="640 305" FocalMm="19.5338" 
RotationMatrix="0.86925 -0.494334 0.00615375 0 -0.0132438 -0.0108413 
0.999853 0 -0.494195 -0.869204 -0.0159706 0 0 0 0 1 "/>
 <ViewSettings NearPlane="1.03109" TrackScale="0.0390212" 
FarPlane="13.0311"/>
 <Render Lighting="0" DoubleSideLighting="0" SelectedVert="0" 
ColorMode="3" SelectedFace="0" BackFaceCull="0" FancyLighting="0" 
DrawMode="2" TextureMode="0"/>
</project>

必须更改相机的设置吗?

OBJ文件可以在https://files.fm/u/e5n2u4dq

调试显示loader.load()永远不会执行,但我无法弄清楚什么是错的

提问于
用户回答回答于

设置名称后尝试设置做一个mesh.scale.multiplyScalar(0.01),看看它是否显示。

如果这不起作用。使用chrome调试器,在创建网格后在线上设置断点,然后执行mesh.geometry.computeBoundingBox()然后检查mesh.geometry.boundingBox以查找min /网格的最大范围。确保该尺寸和中心点位于接近零的位置,并且尺寸落在相机范围的.near和.far范围内。如果需要,可以自动化代码中心,但这有点复杂。

所属标签

可能回答问题的人

  • 找虫虫

    0 粉丝0 提问6 回答
  • 爸爸

    腾讯 · 客户端安全 (已认证)

    4 粉丝4 提问5 回答
  • 优惠活动秘书

    0 粉丝2 提问4 回答
  • 人生的旅途

    10 粉丝484 提问4 回答

扫码关注云+社区

领取腾讯云代金券