Why are my 3D text letters overlapping in the threejs TextGeometry when viewed from an angle?
https://i.sstatic.net/W0ocu.png
See the code snippet below:
class MyScene {
// Code for handling Three.js scene and elements
constructor(elementSelector: string) {
// Constructor initializing scene, camera, renderer, etc.
// Creating and setting up lights and camera positions
// Loading font and creating text geometry with specified parameters
// Adding materials to text mesh and positioning it in the scene
}
// Method for updating size of the renderer based on container element
_onResize() {
// Adjusting renderer size based on container element dimensions and rendering scene
}
// Method called once component is mounted and initiating animation loop
onCreated() {
// Initializing animation loop to rotate group and render scene
}
}