FoliMesh

three.js용 로우폴리 스타일 절벽과 아치

플랫 셰이딩과 버텍스 컬러로 만든 각진 로우폴리 스타일, 텍스처는 전혀 없습니다. 웹을 위한 가벼운 GLB 식생. GLTFLoader로 불러오고 LOD 메시를 THREE.LOD에 연결하면 씬에 숲이 생깁니다. 이 그룹은 게임 풍경에 쓰는 암벽 요소를 담고 있습니다. 이어 붙일 수 있는 모듈형 절벽 조각, 모서리 절벽, 지층이 보이는 층상 절벽, 백악 절벽, 자연 석조 아치와 완전한 협곡 구간이 포함됩니다. 계곡, 해안, 산길의 윤곽을 잡는 데 함께 쓰입니다. 각 모델에는 LOD0부터 LOD3까지와 충돌 메시가 들어 있어 큰 절벽면도 렌더링 부담이 적고 캐릭터와 물리 연산에 안정적입니다. 피벗은 밑면에 있어 지형에 쉽게 배치할 수 있습니다. 새 시드마다 암석 배치와 침식 무늬가 달라지며, 모델은 GLB, FBX, OBJ로 내보내 Unity, Unreal Engine, Godot, Bevy에서 사용할 수 있습니다. 이 컬렉션에는 게임용 모델 6개가 있습니다. 모든 모델에 LOD0–LOD3, 콜리전, 밑면 피벗이 포함되며, 새 시드마다 같은 종의 새로운 변형이 만들어집니다.

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

로우폴리 스타일 소개

로우폴리는 렌더링 비용과 빌드 용량 모두 가장 저렴한 스타일입니다.

  • 플랫 셰이딩: 면마다 노멀 하나로 선명한 각진 느낌을 내며 노멀 맵이 필요 없습니다.
  • 색은 버텍스 컬러(glTF COLOR_0)에 저장: 텍스처도, UV 작업도 없고 VRAM도 거의 쓰지 않습니다.
  • 잎은 알파 카드가 아닌 실제 지오메트리: 알파 테스트와 투명 오버드로가 없어 모바일 GPU에 유리합니다.
  • 씬의 모든 모델이 머티리얼 하나를 공유할 수 있어 나무를 쉽게 배칭·인스턴싱할 수 있습니다.
  • LOD0의 일반적인 예산은 수백에서 2천 개 정도의 삼각형입니다.

모바일, WebGL/WebGPU, VR, 전략, 도시 건설, 스타일라이즈드 인디 게임에 잘 맞습니다. 엔진에서는 버텍스 컬러를 곱하는 머티리얼을 사용하세요.

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 모두에서 동작합니다.

다른 카테고리

다른 스타일로 보기

다른 엔진용으로 보기