FoliMesh

three.js용 3D 식생 에셋

웹을 위한 가벼운 GLB 식생. GLTFLoader로 불러오고 LOD 메시를 THREE.LOD에 연결하면 씬에 숲이 생깁니다.

팩

카테고리별

GLTFLoader에 맞춰 제작

FoliMesh의 모든 에셋은 하나의 GLB 파일입니다. GLTFLoader가 메시, 머티리얼, 텍스처를 한 번의 요청으로 불러오며, 각 LOD 레벨은 파일 안의 별도 메시입니다.

three.js의 LOD

원하는 거리 값으로 LOD0–LOD3를 THREE.LOD 객체에 추가하세요. 먼 거리에서는 임포스터로 전환하거나 나무를 숨기면 됩니다. LOD별 폴리곤 예산 덕분에 노트북에서도 프레임 레이트가 안정적입니다.

웹을 위한 작은 파일

로우폴리 에셋은 버텍스 컬러를 사용하고 텍스처가 없어서, 숲 전체가 사진 한 장보다 가볍습니다. 사실적인 나무는 컴팩트한 나무껍질·잎 텍스처를 쓰고, 잎에는 알파 테스트를 적용합니다.

많은 나무, 단 한 번의 드로우 콜

지오메트리가 깔끔하고 공유되므로 같은 나무를 InstancedMesh로 사용할 수 있습니다. 여러 시드를 내보내 각각 인스턴싱하면 반복되지 않는 숲이 완성됩니다.

지원 엔진

관련 항목

자주 묻는 질문

three.js에서 모델을 어떻게 불러오나요?

GLTFLoader를 사용하세요. GLB 파일에 메시, 머티리얼, 텍스처와 모든 LOD 레벨이 들어 있습니다.

THREE.LOD와 함께 쓸 수 있나요?

네. 각 LOD는 GLB 안의 별도 메시이므로 원하는 거리 값으로 THREE.LOD에 추가할 수 있습니다.

웹에 쓰기에 파일이 충분히 작나요?

네. 로우폴리 에셋은 텍스처가 전혀 없고, 사실적인 나무는 컴팩트한 텍스처와 LOD별 폴리곤 예산을 사용합니다.