javascript - threejs创建多个对象并将它们分别定位

我已经在“ three.js”中创建了一个多维数据集，但我想创建相同的多维数据集3次，然后将它们定位为目标，以便可以使用“ Tweenmax”将它们分别设置为动画

我是three.js的新手，因此将不胜感激

在这里摆弄：
https://fiddle.jshell.net/2gr5cc9y/

最佳答案

Here in this updated Fiddle是有关如何绘制三个立方体的示例。

您可以绘制一个多维数据集，然后将其克隆两次：

var cube1 = new THREE.Mesh(geometry, material);
var cube2 = cube1.clone();
var cube3 = cube1.clone();

正如您在小提琴中看到的那样，您不需要三个canvas元素即可执行此操作。您可以将它们添加到同一画布上的一个场景。