three.js VertexTangentsHelper

2023-02-16 17:50 更新

渲染箭头以可视化对象的顶点切向量。要求已在自定义属性中指定切线或已使用 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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号