Question

渲染箭头辅助对象 arrows 来模拟顶点的法线. 需要定义了法线缓存属性 custom attribute 或 使用了 computeVertexNormals 方法计算了顶点法线.

代码示例

const geometry = new THREE.BoxGeometry( 10, 10, 10, 2, 2, 2 );
const material = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
const box = new THREE.Mesh( geometry, material );
const helper = new VertexNormalsHelper( box, 2, 0x00ff00, 1 );
scene.add( box );
scene.add( helper );

例子

WebGL / helpers

构造函数

VertexNormalsHelper( object : Object3D, size : Number, color : Hex, linewidth : Number )

object -- 要渲染顶点法线辅助的对象.
size -- (可选的) 箭头的长度. 默认为 1.
color -- 16进制颜色值. 默认为 0xff0000.
linewidth -- (可选的) 箭头线段的宽度. 默认为 1.

属性

请到基类 LineSegments 页面查看公共属性.

.matrixAutoUpdate : Object

请查看 Object3D.matrixAutoUpdate. 这里设置为 false 表示辅助对象 使用对象的世界矩阵 matrixWorld.

.object : Object3D

被渲染顶点法线辅助的对象.

.size : Number

箭头的长度. 默认为 1.

方法

请到基类 LineSegments 页面查看公共方法.

.update () : null

基于对象的运动更新顶点法线辅助对象.

源码

examples/jsm/helpers/VertexNormalsHelper.js