three-mesh-bvh

📌 한 줄 통찰 (The Karpathy Summary)

three-mesh-bvh는 Three.js 메시에 대한 광선 투사(Raycasting) 속도를 높이고 공간 쿼리를 가능하게 하는 BVH(Bounding Volume Hierarchy) 구현 라이브러리입니다 [1]. 초당 60프레임(60fps) 환경에서 8만 개 이상의 다각형(polygon)에 대한 빠른 광선 투사를 지원합니다 [2]. 복잡한 기하학적 구조를 가진 대화형 3D 씬(scene)의 상호작용 성능을 최적화하는 데 필수적인 도구로 활용됩니다 [2].

📖 구조화된 지식 (Synthesized Content)

핵심 성능 및 역할: three-mesh-bvh는 Three.js 애플리케이션에서 광선 투사 연산을 효과적으로 가속화합니다 [1]. 수많은 폴리곤이 있는 복잡한 씬에서도 60fps를 유지하면서 정밀한 인터랙션 및 충돌 감지를 수행할 수 있도록 돕습니다 [2].
InstancedMesh와의 호환성: 이 라이브러리는 InstancedMesh 환경에서도 활용될 수 있습니다 [3]. 기하학적 구조(geometry)에 대한 경계 트리(bounds tree)를 생성하면, 인스턴스화된 메시에 속한 개별 지오메트리 단위로 BVH 기반 광선 투사를 수행할 수 있습니다 [3], [4]. 다만, 인스턴스화된 객체 세트(set of instanced objects) 전체를 대상으로 기본 작동하는 것은 아닙니다 [3].
API 변경 사항: 라이브러리의 버전이 업데이트됨에 따라 기존에 사용되던 시각화 도구인 MeshBVHVisualizer는 더 이상 사용되지 않습니다(deprecated) [4]. 따라서 최신 버전에서는 MeshBVHHelper 문서를 참조하여 사용해야 합니다 [4].
생태계 내 영향력: Three.js 기반 애플리케이션의 성능 병목을 해결하고 디버깅을 돕는 주요 도구 중 하나로 평가받고 있습니다 [5]. 또한, 널리 쓰이는 외부 확장 라이브러리인 InstancedMesh2가 자체적인 BVH 기반 빠른 광선 투사 기능을 구현하는 데 핵심적인 영감을 제공하기도 했습니다 [6].

⚠️ 모순 및 업데이트 (Contradictions & RL Update)

과거 데이터와의 충돌: 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
정책 변화: Graphics & Performance 분야의 자동 자산화 수행.

🔗 지식 연결 (Graph)

Related Topics: Raycasting, InstancedMesh, Bounding Volume Hierarchy (BVH)
Projects/Contexts: Three.js Performance Optimization, InstancedMesh2
Contradictions/Notes: 소스에 따르면 구버전에서 사용되던 시각화 클래스인 MeshBVHVisualizer는 현재 지원이 중단(deprecated)되었으므로, 사용자는 MeshBVHHelper로 교체하여 사용해야 합니다 [4].

Last updated: 2026-04-19

Raw Source: 00_Raw/2026-04-20/three-mesh-bvh.md

3.1 KiB Raw Blame History

three-mesh-bvh

📌 한 줄 통찰 (The Karpathy Summary)

📖 구조화된 지식 (Synthesized Content)

⚠️ 모순 및 업데이트 (Contradictions & RL Update)

🔗 지식 연결 (Graph)

3.1 KiB

Raw Blame History