Есть ли способ расширить объект ThreeJS?

Question

Я использую ThreeJS, чтобы создать взаимодействие, в котором люди могут щелкнуть кубы. Однако эти кубы ведут себя по-разному при нажатии (разные цветовые анимации, чтобы идея была простой).

Моя идея состояла в том, чтобы создать классы расширения объекта THREE.Mesh и добавить мои пользовательские функции и атрибуты. Это поможет изолировать различные типы поведения кубов и предоставить более чистый код.

Я пробовал использовать John Resigs' function to extend classes, но, похоже, он работает только для классов, которые в конечном счете расширяют класс класса.

Есть ли способ сделать это?

Answer 1

Существует несколько способов создания систем на основе классов в Javascript. «Класс» Джона Ресига - отличный, но это не тот тип наследования, который использует Three.js.

Обратите внимание на the Cube class file линию:

THREE.Geometry.call(this); 

Javascript не обеспечивает встроенную модель для наследования классов, так что если вы используете библиотеку (например, Резиг), что печет наследство в классе строительство, вы должны вызвать метод супер явно.

Ваш класс наследует от CubeGeometry, если в вашем классе, вы звоните:

THREE.CubeGeometry.call(this); 

Вы также, вероятно, хотите установить CubeGeometry прототипом:

THREE.MyCubeGeometry.prototype = new THREE.CubeGeometry(); 
THREE.MyCubeGeometry.prototype.constructor = THREE.MyCubeGeometry;