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

構(gòu)造函數(shù)

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

object -- 要為其渲染頂點切線的對象。

size -- （可選）箭頭的長度。默認(rèn)值為 1。

color -- 箭頭的十六進制顏色。默認(rèn)值為 0x00ffff。

linewidth -- （可選）箭頭線的寬度。默認(rèn)為 1。（目前不支持設(shè)置 lineWidth。）

屬性

請參閱基本 LineSegments 類以了解通用屬性。

.matrixAutoUpdate : Object

請參見 Object3D.matrixAutoUpdate。此處設(shè)置為 false，因為助手正在使用對象的矩陣世界。

.object : Object3D

頂點切線被可視化的對象。

.size : Number

箭頭的長度。默認(rèn)值為 1。

方法

請參閱基本 LineSegments 類以了解常用方法。

.update () : undefined

根據(jù)對象的世界變換更新頂點切線預(yù)覽。

源碼

examples/jsm/helpers/VertexTangentsHelper.js