不能从THREE. js类扩展

Question

我对三岁还很陌生。js和javascript，所以我不能完全确定这是否是一个三。js或javascript问题，但我无法从这三个方面继承。网格类，并在屏幕上显示我的网格。由于某种原因，我不允许调用构造函数new-THREE。网格（几何、材料）；在我的类的构造函数中。有人能给我指一下正确的方向吗。

我读了这篇文章：扩展Three.js类

让它工作，但我想使用一个实际的类，而不是这里提出的这个奇怪的结构。

    class Icon extends THREE.Mesh{
      constructor(iconName, worldPosition, cameraPosition){
        super();
        this.iconName = iconName;
        this.worldPosition = worldPosition;
        this.cameraPosition = cameraPosition;
        var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );
        var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );     
        var mesh = new THREE.Mesh( geometry, material );   
        console.log(this.mesh); // Error: undefined
      }
    };
...

scene.add(obj.mesh);
// Error: THREE.Object3D.add: object not an instance of THREE.Object3D.

Answer 1

正确的类如下所示：

class Icon extends THREE.Mesh{
  constructor(iconName, worldPosition, cameraPosition){
    super();
    this.iconName = iconName;
    this.worldPosition = worldPosition;
    this.cameraPosition = cameraPosition;
    this.geometry = new THREE.BoxBufferGeometry();
    this.material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );     
    console.log(this);
  }
};

与其创建Mesh的新实例，不如将新几何和材质分配给现有属性几何和材质。