Расширение классов Three.js

Question

Я хочу расширить класс Object3D класса Three.js, но не могу понять, как это сделать.

Этот вопрос, который я прочитал, перечитал и попробовал, но не могу заставить его работать для меня.

Is there a way to extend a ThreeJS object?

Может кто-нибудь предложить некоторую конкретную коду о том, как получить это происходит? Вот что у меня есть на данный момент:

var MyObject3D = function() { 
    THREE.Object3D.call(this); 
    MyObject3D.prototype = new THREE.CubeGeometry(); 
    MyObject3D.prototype.constructor = MyObject3D; 
} 

И для создания экземпляра:

var thing = new MyObject3D(); 
var testGeo = new THREE.CubeGeometry(10, 10, 10); 
var testMat = new THREE.MeshPhongMaterial(); 
var testMesh = new THREE.Mesh(testGeo, testMat); 
thing.add(testMesh); 

Но называть «добавить» метод MyObject3D экземпляра возвращает ошибку, что «вещь» не имеет какого-либо метода " Добавить."

В чем дело?

Answer 1

Вы устанавливаете прототип в CubeGeometry, который не имеет метода добавления. Основываясь на том, как вы пытаетесь создать экземпляр объекта, похоже, что вы действительно хотите, чтобы ваш объект имел прототип Mesh.

Скорее всего, вы хотите что-то вроде этого:

var MyObject3D = function() { 
    // Run the Mesh constructor with the given arguments 
    THREE.Mesh.apply(this, arguments); 
}; 
// Make MyObject3D have the same methods as Mesh 
MyObject3D.prototype = Object.create(THREE.Mesh.prototype); 
// Make sure the right constructor gets called 
MyObject3D.prototype.constructor = MyObject3D; 

Затем его экземпляр:

var testGeo = new THREE.CubeGeometry(20, 20, 20); 
var testMat = new Three.MeshNormalMaterial(); 
var thing = new MyObject3D(testGeo, testMat);