3

THREE.jsのcreateMultiMaterialObject関数を使って、ワイヤーフレームも表示するシェーディング オブジェクトを作成しようとしています。問題は、線が壊れて表示され、 wireframeLinewidthパラメータに応答していないように見えることです。

私の資料は次のように定義されています。

var mat1 = new THREE.MeshBasicMaterial( { color: 0xd02000, transparent: true, blending: THREE.AdditiveBlending } )
var blackLines = new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true, wireframeLinewidth: 4 } );

オブジェクトは次のとおりです。

 var object = THREE.SceneUtils.createMultiMaterialObject( new THREE.CubeGeometry( 100, 100, 100, 4, 4, 4 ), materials );
                object.position.set( -100, 150, 0 );
                scene.add( object );

しかし、これにより次の結果が生成されます。MultiMaterial の不適切なワイヤフレーム

どんな助けでも大歓迎です。ありがとう！

4

1 に答える 1

2

あなたのコードは問題ありません。Windows を実行していますか? その場合、角度の問題である可能性があり、その場合、線幅は変更できません。この関連する質問を参照してください。

線幅を大きくできない場合の回避策は、次のように、ワイヤフレーム メッシュをソリッド メッシュよりも少しだけ大きくすることです。

object.children[ 1 ].scale.multiplyScalar( 1.01 );

そうすることで、線が途切れなくなり綺麗になります。:-)

three.js r.55

于 2013-01-21T03:50:42.667 に答える