You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.6 KiB
69 lines
1.6 KiB
2 years ago
|
( function () {
|
||
|
|
|
||
|
|
const _v1 = new THREE.Vector3();
|
||
|
|
const _v2 = new THREE.Vector3();
|
||
|
|
class VertexTangentsHelper extends THREE.LineSegments {
|
||
|
|
|
||
|
|
constructor( object, size = 1, color = 0x00ffff ) {
|
||
|
|
|
||
|
|
const geometry = new THREE.BufferGeometry();
|
||
|
|
const nTangents = object.geometry.attributes.tangent.count;
|
||
|
|
const positions = new THREE.Float32BufferAttribute( nTangents * 2 * 3, 3 );
|
||
|
|
geometry.setAttribute( 'position', positions );
|
||
|
|
super( geometry, new THREE.LineBasicMaterial( {
|
||
|
|
color,
|
||
|
|
toneMapped: false
|
||
|
|
} ) );
|
||
|
|
this.object = object;
|
||
|
|
this.size = size;
|
||
|
|
this.type = 'VertexTangentsHelper';
|
||
|
|
|
||
|
|
//
|
||
|
|
|
||
|
|
this.matrixAutoUpdate = false;
|
||
|
|
this.update();
|
||
|
|
|
||
|
|
}
|
||
|
|
update() {
|
||
|
|
|
||
|
|
this.object.updateMatrixWorld( true );
|
||
|
|
const matrixWorld = this.object.matrixWorld;
|
||
|
|
const position = this.geometry.attributes.position;
|
||
|
|
|
||
|
|
//
|
||
|
|
|
||
|
|
const objGeometry = this.object.geometry;
|
||
|
|
const objPos = objGeometry.attributes.position;
|
||
|
|
const objTan = objGeometry.attributes.tangent;
|
||
|
|
let idx = 0;
|
||
|
|
|
||
|
|
// for simplicity, ignore index and drawcalls, and render every tangent
|
||
|
|
|
||
|
|
for ( let j = 0, jl = objPos.count; j < jl; j ++ ) {
|
||
|
|
|
||
|
|
_v1.fromBufferAttribute( objPos, j ).applyMatrix4( matrixWorld );
|
||
|
|
_v2.fromBufferAttribute( objTan, j );
|
||
|
|
_v2.transformDirection( matrixWorld ).multiplyScalar( this.size ).add( _v1 );
|
||
|
|
position.setXYZ( idx, _v1.x, _v1.y, _v1.z );
|
||
|
|
idx = idx + 1;
|
||
|
|
position.setXYZ( idx, _v2.x, _v2.y, _v2.z );
|
||
|
|
idx = idx + 1;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
position.needsUpdate = true;
|
||
|
|
|
||
|
|
}
|
||
|
|
dispose() {
|
||
|
|
|
||
|
|
this.geometry.dispose();
|
||
|
|
this.material.dispose();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
THREE.VertexTangentsHelper = VertexTangentsHelper;
|
||
|
|
|
||
|
|
} )();
|