Skip to content

Instantly share code, notes, and snippets.

@Samsy
Forked from cdata/three-clone-gltf.js
Created February 13, 2018 18:00
Show Gist options
  • Save Samsy/3402d746bb8c6babc08e481c856d486a to your computer and use it in GitHub Desktop.
Save Samsy/3402d746bb8c6babc08e481c856d486a to your computer and use it in GitHub Desktop.
A quick hack to clone a Three.js GLTF scene without re-loading or re-parsing the source.
const cloneGltf = (gltf) => {
const clone = {
animations: gltf.animations,
scene: gltf.scene.clone(true)
};
const skinnedMeshes = {};
gltf.scene.traverse(node => {
if (node.isSkinnedMesh) {
skinnedMeshes[node.name] = node;
}
});
const cloneBones = {};
const cloneSkinnedMeshes = {};
clone.scene.traverse(node => {
if (node.isBone) {
cloneBones[node.name] = node;
}
if (node.isSkinnedMesh) {
cloneSkinnedMeshes[node.name] = node;
}
});
for (let name in skinnedMeshes) {
const skinnedMesh = skinnedMeshes[name];
const skeleton = skinnedMesh.skeleton;
const cloneSkinnedMesh = cloneSkinnedMeshes[name];
const orderedCloneBones = [];
for (let i = 0; i < skeleton.bones.length; ++i) {
const cloneBone = cloneBones[skeleton.bones[i].name];
orderedCloneBones.push(cloneBone);
}
cloneSkinnedMesh.bind(
new Skeleton(orderedCloneBones, skeleton.boneInverses),
cloneSkinnedMesh.matrixWorld);
}
return clone;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment