간단한 큐브를 100 개 복제하고 각 큐브의 불투명도를 점차적으로 낮추고 싶습니다. 내가 가진 루프는 다음과 같습니다.
var geometry = new THREE.BoxGeometry(0.15,0.15,0.15);
var material = new THREE.MeshNormalMaterial();
var cube = new THREE.Mesh( geometry, material );
cube.material.transparent = true;
scene.add( cube );
for(let i = 0; i < 100; i++){
window['cube'+i] = cube.clone();
window['cube'+i].position.x = i;
window['cube'+i].material.opacity = 1 - (0.01*i);
scene.add(window['cube'+i]);
}
불행히도 모든 메시는 마지막으로 설정된 불투명도로 끝납니다. x 위치가 정상적으로 증가하는 동안 모든 메시가 동일한 불투명도를 갖는 이유를 이해할 수 없습니다.
누구든지 각 불투명도 속성을 분리하는 방법에 대한 아이디어가 있습니까? 감사합니다
메시를 복제해도 성능상의 이유로 기본적으로 지오메트리와 재질은 복제되지 않습니다. 메시 당 불투명도를 제어하려면 각 인스턴스에 대해 재질을 복제하는 것이 가장 좋습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다