如何绘制一个矩形框并在该框内放置一些东西？

Question

我希望使用three.js在框内看到框和对象; 当我尝试使用cubeGeometry时：

var cubeMaterials = new THREE.LineBasicMaterial({wireframe:true,wireframeLinewidth:8,}  );
var cubeGeometry = new THREE.CubeGeometry( 100, 100, 100, 1, 1, 1 );
cube = new THREE.Mesh( cubeGeometry, cubeMaterials );

仍有三角形线。我不希望这样。实际上我正在尝试绘制一个机架并在机架中放置一些物体。

Answer 1

一个简单的解决方案是使用boxHelper绘制没有面部对角线的线框：http://threejs.org/docs/#Reference/Extras.Helpers/BoxHelper

这是一个jsfiddle，使用boxHelper：http://jsfiddle.net/L0rdzbej/26/

演示您想要的内容