Question

在我当前的项目中，我需要一种方法来勾勒出一个网格。这个颜色轮廓将代表对象的当前状态，与我相关。问题是它是一个自定义网格，使用JSONLoader加载。我已经尝试了不同的方法，主要是关注这两个例子：https://stemkoski.github.io/Three.js/Outline.html和 THREEx.geometricglow。在这两种情况下，我都将网格轮廓缩放到比原始轮廓更大的位置。我的主要问题是在所有轴上均匀缩放不会像我想要的那样覆盖我的对象。

以下是我正在使用的代码：

 var outlineMaterial2 = new THREE.MeshBasicMaterial( { color: 0x00ff00, side: THREE.BackSide, transparent: true, opacity:0.5 } );
                    var outlineMesh2 = new THREE.Mesh( object.geometry, outlineMaterial2 );
                    outlineMesh2.position.copy(object.position);
                    outlineMesh2.scale.copy(object.scale);              
                    outlineMesh2.scale.multiplyScalar(1.1)
                    scene.add( outlineMesh2 );

`

使用简单的立方体网格，轮廓将很好。但是使用我的自定义网格，比例将无法正确适合形状。以下是展示http://s13.postimg.org/syujtd75z/print1.png

的图片

此外，使用Stemkoski方法，轮廓网格也将显示在对象的前面，而不仅仅是轮廓（如上图所示）。

我的问题是：我应该如何调整网格大小？据我所知，它可能与面部法线有关。

感谢您的时间。

如何缩放/调整网格轮廓？

0 个答案: