[최적화 적용하기(2)]

Detailed

https://codesandbox.io/s/12nmp
가까이 있는 물체는 디테일하게 멀리 있는 물체는 디테일 떨어지게

총 4개의 모델링을 준비 (디테일순)
const levels = useGLTF(['/bust-1-d.glb', '/bust-2-d.glb', '/bust-3-d.glb', '/bust-4-d.glb'])
Detailed 컴포넌트에 distances 를 설정하여 거리에 따라 각각 다른 모델링을 보여주도록
children 부분에 levels 에 따른 4개의 mesh 를 생성해주면 끝

preload

사용되기전 모델링들을 미리 로드하는 기법

useGLTF.preload([
	...
]);