87 lines
2.6 KiB
JavaScript
87 lines
2.6 KiB
JavaScript
import * as THREE from 'three';
|
|
|
|
// really stupid idea: add a cylinder as well!
|
|
|
|
class TaperedLink extends THREE.Group {
|
|
|
|
constructor(baseMaterial, n1, n2, r1, r2) {
|
|
super();
|
|
const cone = new THREE.ConeGeometry( 0.75, 1, 32, true );
|
|
const cplane = new THREE.Plane(new THREE.Vector3(0, -1, 0), 0.5);
|
|
const material = baseMaterial.clone();
|
|
//material.clippingPlanes = [ cplane ];
|
|
this.cone = new THREE.Mesh( cone, material );
|
|
this.add( this.cone );
|
|
const cylinder = new THREE.CylinderGeometry(1, 1, 1, 16, 1, true);
|
|
const cyl_material = baseMaterial.clone();
|
|
cyl_material.color = new THREE.Color(0xff0000);
|
|
this.cylinder = new THREE.Mesh(cylinder, cyl_material);
|
|
this.add( this.cylinder );
|
|
this.update(n1, n2, r1, r2);
|
|
}
|
|
|
|
// mystery - commenting out the cylinder stuff makes the glitchiness return!
|
|
|
|
update(n1, n2, r1, r2) {
|
|
this.update_cone(n1, n2, r1, r2);
|
|
this.update_cylinder(n1, n2, r1, r2);
|
|
}
|
|
|
|
update_cone(n1, n2, r1, r2) {
|
|
const kraw = r1 - r2;
|
|
let k = ( kraw == 0 ) ? 0.001 : kraw;
|
|
let nbase = n1.v3;
|
|
let napex = n2.v3;
|
|
let rbase = r1;
|
|
let rapex = r2;
|
|
if( k < 0 ) {
|
|
nbase = n2.v3;
|
|
napex = n1.v3;
|
|
rbase = r2;
|
|
rapex = r1;
|
|
k = -k;
|
|
}
|
|
|
|
// FIXME - the problem is that when the h_offset > 1, the centroid
|
|
// of the cone is on the other side of napex, so it looks the wrong way
|
|
|
|
const l = nbase.distanceTo(napex);
|
|
const h = l * rbase / k;
|
|
const h_offset = 0.5 * h / l;
|
|
const pos = new THREE.Vector3();
|
|
if( l > 0 ) {
|
|
pos.lerpVectors(nbase, napex, h_offset);
|
|
}
|
|
if( h_offset < 1 ) {
|
|
this.cone.scale.copy(new THREE.Vector3(rbase, h, rbase));
|
|
} else {
|
|
// you're on the other side of napex so flip the cone
|
|
this.cone.scale.copy(new THREE.Vector3(rbase, -h, rbase));
|
|
}
|
|
this.lookAt(napex);
|
|
this.position.copy(pos);
|
|
this.cone.rotation.x = Math.PI / 2.0;
|
|
const clipnorm = new THREE.Vector3();
|
|
clipnorm.copy(napex);
|
|
clipnorm.sub(nbase);
|
|
clipnorm.negate();
|
|
clipnorm.normalize();
|
|
//this.cone.material.clippingPlanes[0].setFromNormalAndCoplanarPoint(
|
|
// clipnorm, napex
|
|
// );
|
|
}
|
|
|
|
update_cylinder(n1, n2, r1, r2) {
|
|
const length = n1.v3.distanceTo(n2.v3);
|
|
const centre = new THREE.Vector3();
|
|
centre.lerpVectors(n1.v3, n2.v3, 0.5);
|
|
const link_mean = (r1 + r2) * 0.5;
|
|
this.cylinder.scale.copy(new THREE.Vector3(link_mean, link_mean, length));
|
|
this.cylinder.position.copy(centre);
|
|
this.lookAt(n2.v3);
|
|
this.cylinder.rotation.x = Math.PI / 2.0;
|
|
|
|
}
|
|
}
|
|
export { TaperedLink };
|