Ring- with extrude geometry

Discussion
1

Hi,

I have a task to create a ring using ThreeJs with custom CrossSections to choose. So far, I am generating points from EllipseShape, xsection from Shape and with ExtrudeGeometry, I’m creating a ring shape.
With that I have 2 problems.

  1. When quantity of steps is low, outer part of ring is quite square-like (with 300 steps). With 1000 steps texture is better but memory usage is about 60mb. Is it any way to improve it?
  2. I’m not sure but every hot reload of my app doubles memory usage until hard refresh. I’m disposing mesh, geometry and renderer but it doesn’t help at all.
  public dispose(): void {
    this.renderer.dispose();
    this.renderer.forceContextLoss();

    if (this.scene) {
      this.scene.children.forEach((el) => el.remove());
      this.scene.removeFromParent();
      console.log('Scene disposed');
    }
    if (this.model) {
      this.model.geometry.dispose();
      this.model.removeFromParent();
      console.log('Model disposed');
    }
    this.stats?.end();
    this.parentElement.removeChild(this.renderer.domElement);
    this.detachWindowResizing();
  }
2

You also need to dispose of materials and textures.