three.js Создание объекта динамически

Question

У меня есть JSON конфигурации, как:

{ shape:[ 'SphereGeometry', [7, 16, 16] ] } 

и попытаться загрузить модели, как:

new THREE[shape[0]].apply(this, shape[1]) 

Как вы можете увидеть «новый» и «применить» не вариант здесь. Кто-нибудь знает трюк или подсказку, как я могу решить свою проблему здесь?

Заранее спасибо.

Answer 1

Решение основано на Use of .apply() with 'new' operator. Is this possible?

JSON конфигурации

{ shape: 'SphereGeometry', properties: [ null, 7, 16, 16 ] } 

и создание нового объекта:

new (Function.prototype.bind.apply(THREE[object.shape], object.properties)) 

Answer 2

Использование .Нанесите() и новый вместе в целом не очень но вот как оно идет:

function dynamicShape() { 
    return THREE[shape[0]].apply(this, shape[1]); 
} 
dynamicShape.prototype = THREE[shape[0]].prototype; 

var sphere = new dynamicShape(); 

Это должно сработать. Вот скрипка с использованием некоторого примера кода для рендеринга: http://jsfiddle.net/jcc6zbtn/

Answer 3

Вот один из способов сделать это, используя функцию reviver. Преимущество состоит в том, что процесс разбора напрямую заботится о создании экземпляров правильных типов объектов, а не в двух шагах.

var shapes = { 'Rectangle': Rectangle }, //same as THREE in your code 
    shapeJson = '{ "shape": ["Rectangle", [2, 4]] }', 
    shape = shapeFromJson(shapeJson); 

console.log(shape); 

function instanciate(ctor, args) { 
    var instance = Object.create(ctor.prototype); 
    ctor.apply(instance, args); 
    return instance; 
} 

function createShape(shape, args) { 
    return instanciate(shapes[shape], args); 
} 

function shapeFromJson(json) { 
    return JSON.parse(json, function (key, val) { 
     return key? val : createShape(val.shape[0], val.shape[1]); 
    }); 
} 

function Rectangle(height, width) { 
    this.height = height; 
    this.width = width; 
}