关于前端:三维引擎导入obj模型不可见总结

24次阅读

共计 914 个字符,预计需要花费 3 分钟才能阅读完成。

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

通过测试,发现可能有如下两种状况。

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

导入的模型不在镜头视线内,所以看不到模型。有可能模型就不在视线内,也有可能模型地位超过了镜头的 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 参数。

结语

批改后的成果,如下图:

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

正文完
 0