Как создать трубу на Three.js?

Question

[ftalazol]

Нужно нарисовать трубу и так что бы можно было регулировать толщину стенки.
Пытался сделать из TubeGeometry, из них сделать внутреннюю и внешнюю стенку и заткнуть с торцов, но почему то труба TubeGeometry получается прозрачная с внутренней части. Подскажите правильное решение.

Comments

[Олег]

Покажи свое решение для начала
Я 100% знаю как реализовать. Но хотелось бы увидеть твою наработку

[ftalazol]

Олег,

class CustomSinCurve extends THREE.Curve {

constructor( scale = 1 ) {

super();

this.scale = scale;

}

getPoint( t, optionalTarget = new THREE.Vector3() ) {

const tx = t * 3 - 1.5;
const ty = Math.sin( 2 * Math.PI * t );
const tz = 0;

return optionalTarget.set( tx, ty, tz ).multiplyScalar( this.scale );

}

}

const path = new CustomSinCurve( 10 );
const geometry = new THREE.TubeGeometry( path, 20, 2, 8, false );
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

взял вот этот пример и заменил const ty = Math.sin( 2 * Math.PI * t ); на const ty=1;

труба стала ровной, но внутри она прозрачная вот и вся наработка.

[Олег]

ftalazol,
Разбирай;)

[ftalazol]

Олег,
var outerRadius =4;
var innerRadius = 2;
var height = 10;

var arcShape = new THREE.Shape();
arcShape.moveTo(outerRadius * 2, outerRadius);
arcShape.absarc(outerRadius, outerRadius, outerRadius, 0, Math.PI * 2, false);
var holePath = new THREE.Path();
holePath.moveTo(outerRadius + innerRadius, outerRadius);
holePath.absarc(outerRadius, outerRadius, innerRadius, 0, Math.PI * 2, true);
arcShape.holes.push(holePath);

var geometry = new THREE.ExtrudeGeometry(arcShape, {
amount: height,
bevelEnabled: false,
steps: 1,
curveSegments: 60
});
geometry.center();
geometry.rotateX(Math.PI * -.5);
var mesh = new THREE.Mesh(geometry, [new THREE.MeshBasicMaterial({
color: 0x0000ff
}), new THREE.MeshBasicMaterial({
color: 0x0000ff
})]);
scene.add(mesh);

[ftalazol]

Олег, спасибо, получилось нашел очень похожий пример

[Олег]

ftalazol,
Все работает