🍚 깃밥 PRO가 열렸어요 — 월 3,900원 · 알아보기 →
테크 반찬2026년 11월 15일· Tide 제공

3D 모델 폴리곤 수와 PBR 머티리얼, 브라우저에서 바로 확인하는 방법

  • Three.js 기반 뷰어가 GLB·GLTF·OBJ·STL·FBX 5종 포맷 지원
  • 모바일 AR 권장 삼각형 수는 10만(100k) 개 미만
  • 모든 처리가 클라이언트 GPU에서 이뤄져 서버 업로드 없음

3D 아티스트나 게임 개발자는 보통 모델을 게임 엔진이나 모바일 뷰어에 넣고 난 뒤에야 폴리곤 과다, 텍스처 메모리 초과, 드로우 콜 문제를 발견하게 됩니다. Atlyxen Studios는 이 검증 과정을 앞당기기 위해 브라우저에서 바로 동작하는 Three.js 기반 3D 모델 검사 도구 'Atlyxen Universal 3D Viewer'를 공개했습니다.

브라우저에서 실시간으로 폴리곤 수를 계산하는 방법

핵심: GLB·GLTF·OBJ·STL·FBX 모델을 뷰포트에 끌어다 놓으면 삼각형 수·정점 수·드로우 콜이 즉시 계산됩니다.

실시간 3D 애플리케이션용 모델은 폴리곤 예산, 텍스처 메모리 한도, 드로우 콜 제약을 엄격히 지켜야 합니다. 그런데 문제는 대부분 에셋을 게임 엔진이나 모바일 뷰포트에 임포트한 뒤에야 드러난다는 점입니다.

이 도구는 모델이 로드되면 Three.js의 씬 그래프를 순회하면서 각 메시의 geometry.index 또는 position 속성값을 기준으로 삼각형 수와 정점 수를 누적 계산하고, 메시 하나당 드로우 콜을 1씩 늘려 집계합니다. 이렇게 얻은 수치는 모델이 모바일 AR 기준(삼각형 수 10만 개 미만)을 충족하는지, 아니면 고사양 데스크톱 요구치에 맞는지를 아티스트가 즉시 판단하게 해줍니다.

100,000개모바일 AR 권장 삼각형 수 상한
5종지원 포맷(GLB·GLTF·OBJ·STL·FBX)
0건서버 업로드(전량 클라이언트 GPU 처리)

PBR 머티리얼 검사와 스튜디오 조명 프리셋

핵심: 텍스처 맵을 다시 불러오지 않고도 러프니스·메탈니스·노멀맵을 실시간으로 조정해 검증할 수 있습니다.

뷰어는 PBR(Physically Based Rendering, 실제 재질의 빛 반사 방식을 물리 법칙에 가깝게 재현하는 렌더링 방식) 채널에 대한 세밀한 제어를 제공합니다. 구체적으로는 러프니스·메탈니스 값을 오버라이드해 미세 표면 특성과 금속 반사를 텍스처 맵 재로딩 없이 검증할 수 있고, 노멀맵 강도를 실시간으로 조정해 탄젠트 공간 정확도를 확인할 수 있습니다. 또한 서브메시별 와이어프레임 오버레이를 켜고 꺼서 엣지 흐름과 비정형(non-manifold) 지오메트리를 점검할 수 있습니다.

모델의 외관은 조명 환경에 따라 크게 달라지기 때문에, 뷰어는 스튜디오 HDRI 프리셋과 방향성 키라이트, 조절 가능한 앰비언트 필라이트를 함께 제공해 다양한 조명 조건에서 모델이 어떻게 보이는지 평가할 수 있게 합니다.

모든 처리는 클라이언트에서, 서버 업로드는 없음

핵심: 파싱과 렌더링이 전부 클라이언트 GPU의 WebGL에서 이뤄져 민감한 3D 에셋이 외부로 나가지 않습니다.

모든 파싱과 렌더링이 클라이언트의 GPU에서 WebGL을 통해 직접 처리되기 때문에, 민감한 3D CAD 에셋이나 미공개 게임 모델이 100% 비공개로 유지된다고 설명합니다. 이 뷰어는 무료로 제공되며, Atlyxen Tools에서 다른 100여 개의 브라우저 도구도 함께 운영되고 있다고 언급됩니다.

이게 나에게 의미하는 것

모바일 AR용 에셋을 만드는 3D 아티스트나 개발자라면, 엔진에 임포트하기 전에 이런 브라우저 뷰어로 삼각형 수가 10만 개 기준을 넘는지 먼저 확인하는 습관이 재작업 시간을 줄여줄 수 있습니다. 또한 서버 업로드가 없다는 점은 아직 공개되지 않은 게임 에셋이나 CAD 모델을 외부 유출 우려 없이 점검할 수 있다는 의미입니다.

이 반찬이 맛있었다면
🍚 이 글은 자매 서비스 Tide에서 차려온 반찬입니다.
출처: dev.to