프레젠테이션
Three.InstancedMesh는 인스턴스화된 메시를 생성하는 데 사용되는 Three.js의 클래스입니다.
인스턴스화된 메시란 여러 개의 동일한 지오메트리를 렌더링할 때 성능을 향상시키는 최적화 기법입니다.
인스턴스화된 메시를 사용하면 지오메트리 데이터의 사본을 메모리에 하나만 저장하고 렌더링 시점에 이 데이터를 재사용할 수 있습니다.
또한 인스턴스화 프로퍼티와 인스턴스화된 그리드의 인스턴스화 행렬을 제어하기 위한 몇 가지 추가 프로퍼티와 메서드가 있습니다.
인스턴스화된 속성은 인스턴스화된 각 메시의 속성 값을 포함하는 버퍼 객체일 수 있습니다. 예를 들어 버퍼 객체는 인스턴스화된 각 그리드의 위치, 색상, 크기 등과 같은 속성을 저장하는 데 사용될 수 있습니다.
인스턴스화 행렬은 인스턴스화된 각 메시의 변환 행렬을 포함하는 버퍼 객체입니다. 인스턴스화 행렬을 사용하면 렌더링 시점에 각 인스턴스화된 메시마다 이동, 회전, 크기 조정과 같은 다양한 변환을 적용할 수 있습니다.
Three.InstancedMesh 클래스를 사용하면 동일한 지오메트리의 인스턴스화된 메시를 대량으로 생성할 수 있으므로 렌더링 성능을 향상시킬 수 있습니다.
인스턴스화 매트릭스
인스턴스화 행렬은 인스턴스화된 메시에서 변환을 수행하는 데 사용되는 행렬입니다. 이동, 회전, 크기 조정과 같은 변환 작업을 설명하는 데 사용되는 4x4 행렬입니다.
인스턴스화 그리드에서 각 인스턴스에는 해당 인스턴스화 행렬이 있습니다. 인스턴스화 행렬의 값을 수정하여 각 인스턴스에 다른 변환을 적용하여 각 인스턴스의 위치, 회전 및 크기 조정과 같은 효과를 얻을 수 있습니다.
인스턴스화 행렬은 일반적으로 렌더링 중에 GPU에 효율적으로 전달하기 위해 버퍼 객체에 저장되며, 렌더링 중에 GPU는 인스턴스화 행렬에 따라 각 인스턴스를 변환하여 화면에 그립니다.
인스턴스화 행렬을 사용하면 동일한 지오메트리의 인스턴스화된 메시를 대량으로 렌더링할 때 지오메트리 데이터를 한 번만 전달한 다음 인스턴스화 행렬을 수정하여 인스턴스마다 다른 변환을 수행함으로써 렌더링 성능을 개선할 수 있습니다.
