threejs create multiple objects and target them individually

Question

I have create a cube in 'three.js', but I want to create the same cube 3 times and then target them so they can be animated individually with 'Tweenmax'

I am new to three.js so any help would be appreciated

fiddle here: https://fiddle.jshell.net/2gr5cc9y/

I don't see any Tweenmax code in your Fiddle. Did you try at all to do something yourself? Stackoverflow is not a coding service... — Wilt
– Wilt, Commented Mar 21, 2016 at 14:59
I am not asking for the tweenmax code, I just need to know how to get 3 of the same cubes on the page and target each one individually. So you would have for example 3 canvas elements with different id's — user3665791
– user3665791, Commented Mar 21, 2016 at 15:03

Wilt · Accepted Answer · 2016-03-21 16:06:42Z

1

Here in this updated Fiddle is an example on how to draw three cubes.

You can draw one cube and simply clone it twice:

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

As you can see in the fiddle you don not need three canvas elements to do this. You can add them to one scene on the same canvas.

answered Mar 21, 2016 at 16:06

Wilt

44.9k15 gold badges163 silver badges216 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

threejs create multiple objects and target them individually

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related