FoliMesh

three.js용 덤불

three/addons의 GLTFLoader로 덤불 GLB를 불러올 수 있습니다. 파일이 Draco나 KTX2 압축을 쓸 때만 추가 로더가 필요합니다. 여덟 가지 모델——대나무, 덤불, 회양목, 산울타리, 향나무, 들장미, 산딸기, 개암나무——는 LOD0–LOD3를 갖추고 있어 THREE.LOD의 lod.addLevel(mesh, distance)로 카메라 거리에 따라 디테일이 바뀌며, 콜리전 메시는 Rapier나 cannon-es를 위해 보이지 않는 상태로 남습니다.

숲 가장자리나 도시 공원이라면 InstancedMesh가 수천 개의 복사본을 한 번의 draw call로 그리고, BatchedMesh는 여러 변형을 섞습니다. THREE.LOD는 인스턴스 단위로 적용되지 않으므로 청크마다 인스턴스를 LOD별로 직접 묶어 주세요. alphaMode가 MASK인 잎은 material.alphaTest가 되고, 양면 재질은 THREE.DoubleSide를 자동으로 받습니다. WebGLRenderer와 WebGPURenderer 모두에서 동작하며, 새 시드마다 다른 배치가 나옵니다.

모델
8
LOD 단계
LOD0 – LOD3
포맷
GLB · FBX · OBJ

three.js에서 사용하기

three.js에서는 three/addons의 GLTFLoader로 GLB를 불러오며, DRACOLoader나 KTX2Loader는 파일이 해당 확장을 쓸 때만 필요합니다.

  • 거리 기반 LOD: THREE.LOD에 lod.addLevel(mesh, distance)로 LOD0–LOD3을 등록하면 매 프레임 카메라 거리에 따라 단계가 바뀝니다.
  • 숲: InstancedMesh는 수천 개의 복제본을 드로우 콜 하나로 그리고, BatchedMesh는 여러 나무 변형을 섞을 수 있습니다. THREE.LOD는 인스턴스 단위로 동작하지 않으므로 청크마다 LOD별로 인스턴스를 직접 묶으세요.
  • 잎: glTF alphaMode MASK는 material.alphaTest로, 양면 머티리얼은 자동으로 side: THREE.DoubleSide가 됩니다.
  • 콜리전 메시: 보이지 않게 두고 Rapier나 cannon-es 같은 물리 라이브러리에 넘기세요.

WebGLRenderer와 WebGPURenderer 모두에서 동작합니다.

팩

다른 카테고리

다른 스타일로 보기

다른 엔진용으로 보기