[21-06-08 TIL] threejs 오브젝트 복사

💫 문제

threejs 라이브러리를 사용 중
같은 mesh를 참조하는 서로 다른 오브젝트가 있고 각각 opacity를 다르게 해야됐던 상황. 참조관계라서 A오브젝트 opacity를 바꾸면 B오브젝트도 같이 바뀌었다.

💦 시도

lodash의 _.cloneDeep()을 써서 참조관계를 끊으려했으나 색이 적용되지 않은 채 렌더되거나 scene에서 아얘 보이지 않았다.

✨ 해결

threejs에서는 clone()이라는 함수를 쓰면 Object를 깊은 복사할 수 있다.
lineMesh를 clone하고 lineMesh.material도 clone하니 해결됐다.