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 );

例子

WebGL / helpers

构造函数

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