Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to clone an object3d in Three.js?

Tags:

three.js

webgl

I want to clone a model loaded with loader, I found this issue on github,but the solution doesn't work. It seems there has been an structural change in Object3D.

How can I clone an Object3D in current stable version of Three.js?

like image 649
CarlLee Avatar asked Aug 12 '12 04:08

CarlLee


People also ask

How to clone mesh in threejs?

To copy a mesh in threejs all I need to do is just call the clone method of a mesh object instance, and what will be returned is a copy of that mesh. It is just important to know what a copy of a mesh object is and what it is not.

Can three Js do 2D?

We can also create and render 2D geometry in Threejs.

What is clone Javascript?

Cloning in javascript is nothing but copying an object properties to another object so as to avoid creation of an object that already exists. There are a few ways to clone a javascript object. 1) Iterating through each property and copy them to a new object. 2) Using JSON method.


1 Answers

In this new version of three.js you have a method clone.

For example, I use a queen from chess and I had to duplicate multiple times:

// queen is a mesh
var newQueen = queen.clone();

// make sure to re position to be able to see the new queen!
newQueen.position.set(100,100,100); // or any other coordinates

It will work with any mesh.

I used three.js r61.

like image 88
Alin Ciocan Avatar answered Sep 28 '22 06:09

Alin Ciocan