javascript - Threejs 创建多个对象并分别针对它们

Question

我在“two.js”中创建了一个立方体，但我想创建同一个立方体 3 次，然后将它们作为目标，以便可以使用“Tweenmax”单独对它们进行动画处理

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

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

Answer 1

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

您可以绘制一个立方体并简单地将其克隆两次:

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

正如您在 fiddle 中看到的，您不需要三个 Canvas 元素来执行此操作。您可以将它们添加到同一 Canvas 上的一个场景中。