Three.js EdgesGeometry立方体边框绘制示例

立方体的边框效果怎么做？用 Three.js 里的 EdgesGeometry 就挺顺手的，能直接帮你把立方体的轮廓线勾勒出来，干净利落，尤其在你场景光照杂或者细节多的时候，效果还挺清晰的。

基础做法就是，先用 BoxGeometry 创建一个立方体，用 EdgesGeometry 包一下，再配个 MeshBasicMaterial 材质，丢到 scene 里就行，几行代码就搞定。

像这样：

var geometry = new THREE.BoxGeometry(1, 1, 1);
var edgesGeometry = new THREE.EdgesGeometry(geometry, 1);
var material = new THREE.LineBasicMaterial({ color: 0xffffff });
var edges = new THREE.LineSegments(edgesGeometry, material);
scene.add(edges);

你也可以再加个 OrbitControls，这样可以拖着转转看看立方体的每个角，视角更自由。交互友好，适合展示模型结构。

别觉得只能画立方体，其实 EdgesGeometry 对 SphereGeometry、CylinderGeometry 什么的也都挺兼容。加上透明度、颜色变化，搞点科技感效果也不是事。

如果你在做三维预览、教学演示、建模辅助这类场景，建议你试试这个方式，既直观也不费性能。