three.js VertexTangentsHelper
渲染箭头以可视化对象的顶点切向量。要求已在自定义属性中指定切线或已使用 computeTangents 计算出切线。
此助手仅支持 BufferGeometry。
代码示例
const geometry = new THREE.BoxGeometry( 10, 10, 10, 2, 2, 2 );
const material = new THREE.MeshNormalMaterial();
const box = new THREE.Mesh( geometry, material );
const helper = new VertexTangentsHelper( box, 1, 0x00ffff, 1 );
scene.add( box );
scene.add( helper );例子
构造函数
VertexTangentsHelper( object : Object3D, size : Number, color : Hex, linewidth : Number )
object -- 要为其渲染顶点切线的对象。
size -- （可选）箭头的长度。默认值为 1。
color -- 箭头的十六进制颜色。默认值为 0x00ffff。
linewidth -- （可选）箭头线的宽度。默认为 1。（目前不支持设置 lineWidth。）
属性
请参阅基本 LineSegments 类以了解通用属性。
.matrixAutoUpdate : Object
请参见 Object3D.matrixAutoUpdate。此处设置为 false，因为助手正在使用对象的矩阵世界。
.object : Object3D
顶点切线被可视化的对象。
.size : Number
箭头的长度。默认值为 1。
方法
请参阅基本 LineSegments 类以了解常用方法。
.update () : undefined
根据对象的世界变换更新顶点切线预览。
源码
examples/jsm/helpers/VertexTangentsHelper.js