1

最近有客户试用我们的三维平台,在导入模型的时候,会出现模型全黑和不可见的情况。上一篇文章说了全黑的情况。此文说下不可见的情况。

经过测试,发现可能有如下两种情况。

导入的模型不在镜头视野内

导入的模型不在镜头视野内,所以看不到模型。有可能模型就不在视野内,也有可能模型位置超过了镜头的far参数值。 这种情况下,调整镜头的参数(包括position,center,far等)。

模型的建模中心不在几何中心

比较隐蔽的一种情况是模型的建模中心点不在模型本身的几何中心,建模中心在模型自身之外,此时模型的位置虽然都在镜头的视野之内,但是模型的所有顶点都在镜头视野之外。 这种情况下,可以查看下模型boudingbox的center值,如果center值不在偏离(0,0,0) 很多,就说明模型的建模中心和模型本身的几何中心很远。 这种情况下需要建模师调整模型,把建模中心调整到几何中心(至少附近)。

模型尺寸太小

还要一种情况是模型的尺寸太小,而镜头位置比较远,此时镜头虽然能够看到模型,但是由于太小,所以人眼可能看不到。 这种情况下,可以查看模型的boudingbox的size值,看看大小如何,如果太小,建议让建模人员进行调整,把尺寸增加即可。

模型全透明

在导入obj模型的时候,有的时候会出现模型全透明的情况,这种情况下是因为,mtl文件中的tr参数设置为了1. tr等于1的时候,解析的时候会把不透明度设置为1-tr,代码如下:

case 'tr':
    n = parseFloat( value );
       if ( this.options && this.options.invertTrProperty ) n = 1 - n;
       if ( n > 0 ) {
        params.opacity = 1 - n;
        params.transparent = true;

        if(params.opacity === 0) {
            console.warn( "opacity is 0");
        }

    }

    break;

可以直接手动修改mtl文件,把tr相关的参数设置给去掉,也可以让建模人员导出模型的时候不导出tr参数。

结语

修改后的效果,如下图:

image.png

如果对可视化感兴趣,可以和我交流,微信541002349。 关注公号“ITMan彪叔” 可以及时收到更多有价值的文章。


netcy
204 声望120 粉丝

欢迎对canvas、webgl、图形学感兴趣的读者订阅专栏。