three.js용 3D 에셋 팩

GLB 팩 8종 — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter, Rocks & Cliffs — 은 three/addons의 GLTFLoader로 브라우저에 바로 불러옵니다. DRACOLoader나 KTX2Loader는 파일이 해당 확장을 쓸 때만 추가하세요. 나무, 야자, 선인장, 바위 모두 LOD0–LOD3를 갖추고 있어 THREE.LOD의 lod.addLevel(mesh, distance)로 카메라 거리에 따라 매 프레임 단계가 바뀝니다.

잎은 glTF alphaMode MASK를 쓰며 material.alphaTest로 변환되고, 양면 재질에는 side: THREE.DoubleSide가 자동 적용됩니다. 울창한 숲에서는 InstancedMesh가 수천 개 복사본을 한 번의 드로우 콜로 그리고 BatchedMesh가 변형을 섞습니다. THREE.LOD는 인스턴스 단위로 동작하지 않으므로 청크별로 LOD를 묶어 그룹화하세요. 충돌 메시는 숨긴 채 Rapier나 cannon-es에 넘깁니다. GLB, FBX, OBJ로 내보낼 수 있고, 스타일은 사실적부터 로우폴리까지이며 WebGLRenderer와 WebGPURenderer 모두에서 렌더링됩니다.

카탈로그 둘러보기 가격 보기

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 같은 물리 라이브러리에 넘기세요.