I have a Mesh object in Three.JS.
How can i get that Mesh object with id, and change its position, like $(#"sample") in jQuery.
Or any better idea to change the position of an objects, in the middle of the code.

var voxel = new THREE.Mesh(new THREE.CubeGeometry(x, y, z), new THREE.MeshBasicMaterial(...))
voxel.id = "sample";
scene.add(voxel);

I have a Mesh object in Three.JS.
How can i get that Mesh object with id, and change its position, like $(#"sample") in jQuery.
Or any better idea to change the position of an objects, in the middle of the code.

var voxel = new THREE.Mesh(new THREE.CubeGeometry(x, y, z), new THREE.MeshBasicMaterial(...))
voxel.id = "sample";
scene.add(voxel);

• javascript
• jquery
• 3d
• three.js
• mesh

1 Answer 1

Just to be safe, don't overwrite the existing Object3D.id.

var objects = {};

mesh1.id2 = "mesh1";
objects[ mesh1.id2 ] = mesh1;

mesh2.id2 = "mesh2";
objects[ mesh2.id2 ] = mesh2;

objects[ "mesh2" ].position.set( 1, 1, 1 );

EDIT: Object3D has a property userData now. So you could use this pattern:

mesh1.userData.id = "mesh1";
objects[ mesh1.userData.id ] = mesh1;

three.js r.73