I am trying to apply border to extruded text geometry but does not get expected result using
THREE.TubeGeometry.
globalOffsetPathPoints.forEach(points => {
points = points.map(point => new THREE.Vector3(point[0], point[1], 0));
const curve = new THREE.CatmullRomCurve3(points);
const radius = 0.8;
const radialSegments = 2;
const tubularSegments = 10000;
const closed = false;
const geometry = new THREE.TubeGeometry(curve, tubularSegments, radius, radialSegments, closed);
globalState.styleColor = color
const material = new THREE.MeshPhysicalMaterial({
color: color,
side: THREE.DoubleSide,
envMap: textureForMaterial,
envMapIntensity: 1.5,
metalness: 1,
roughness: 1
});
const tubeMesh = new THREE.Mesh(geometry, material);
tubeMesh.rotateX(Math.PI)
})
})
using above code i got result flat surface in xz plane
but i want border to look like this in xy plane
