Files

T

koriweb 5ba5a55c78 feat: Wiki 지식 자산 업데이트 - UX Scenarios, Frontend, Game Design, Topics 추가 [2026-05-08]

2026-05-08 19:52:07 +09:00

5.7 KiB

Raw Blame History

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, tags, raw_sources, last_reinforced, github_commit, inferred_by, tech_stack

title

agargaro의 오픈 소스 라이브러리

📌 한 줄 통찰 (The Karpathy Summary)

agargaro가 개발한 오픈 소스 라이브러리는 주로 Three.js의 기본 [[InstancedMesh|InstancedMesh]] 성능과 기능을 획기적으로 확장한 [[InstancedMesh2|InstancedMesh2]]를 지칭합니다 [1, 2]. 이 라이브러리는 개별 인스턴스 단위의 절두체 컬링(Frustum Culling), LOD(Level of Detail), 가시성(Visibility) 관리 및 BVH를 활용한 빠른 레이캐스팅 기능을 제공하여 대규모 3D 렌더링 성능을 최적화합니다 [2, 3]. 이 밖에도 BatchedMesh를 위한 확장 라이브러리인 batched-mesh-extensions를 제공하여 오픈 월드 수준의 환경 구현을 돕고 있습니다 [4, 5].

📖 구조화된 지식 (Synthesized Content)

InstancedMesh2의 주요 렌더링 및 제어 메커니즘
- 간접 참조(Indirection) 기반 인스턴스 관리: Instanced[[BufferAttribute|BufferAttribute]]를 활용하여 렌더링할 인스턴스의 인덱스를 관리합니다 [6]. 이를 통해 원본 버퍼 배열을 재정렬하지 않고도 선택적 렌더링, 효율적인 절두체 컬링, 기수 정렬(Radix Sort) 기반의 깊이 정렬이 가능합니다 [6, 7]. 셰이더 작동 방식은 BatchedMesh와 유사하게 구현되었습니다 [8].
- 부분 업데이트 텍스처: 데이터와 행렬(Matrix) 정보를 저장하기 위해 부분 업데이트(partial updates)를 지원하는 SquareDataTexture 자료구조를 활용하여 CPU 및 GPU 간의 데이터 전송을 최적화합니다 [6].
스킨드 메쉬(Skinned Mesh) 및 애니메이션 최적화
- 개별 인스턴스마다 서로 다른 애니메이션 상태를 가질 수 있습니다 [9].
- 카메라 절두체(Frustum) 내부에 있는 인스턴스에 대해서만 뼈대(Bone)를 업데이트합니다 [1].
- 카메라와의 거리에 따라 각 인스턴스의 애니메이션 FPS를 0에서 60까지 동적으로 설정하여 연산량을 줄입니다 [1].
- 거리가 먼 인스턴스는 일부 뼈대 계산을 피하고, meshoptimizer를 통해 생성된 최대 5단계의 지오메트리 LOD 및 그림자(Shadow) LOD를 적용할 수 있습니다 [1, 10].
BatchedMesh 확장 라이브러리
- agargaro는 다수의 서로 다른 지오메트리를 렌더링하는 데 쓰이는 BatchedMesh에서도 LOD 등을 구현할 수 있도록 돕는 batched-mesh-extensions 라이브러리를 추가로 개발했습니다 [4, 5].
독립 라이브러리로 개발된 이유
- 개별 인스턴스 절두체 컬링 기능을 Three.js 메인 레포지토리의 InstancedMesh에 직접 통합할 경우, 셰이더의 하위 호환성 단절(breaking changes)과 유지보수해야 할 복잡한 코드가 지나치게 많아지는 문제가 발생합니다 [11, 12]. 따라서 복잡성을 분리하기 위해 외부 라이브러리 형태로 제공되고 있습니다 [12].

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

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

🔗 지식 연결 (Graph)

Related Topics: InstancedMesh2, Frustum Culling, LOD(Level of Detail), BVH(Bounding Volume Hierarchy), BatchedMesh
Projects/Contexts: 20k skinned instances 데모, batched-mesh-extensions
Contradictions/Notes: 애니메이션 최적화 기법 중 뼈대 텍스처(Bone texture)의 부분 업데이트 기능이 있으나, 일부 모바일 기기 및 Firefox 브라우저에서는 해당 연산이 오히려 느리게 동작하여(이중 버퍼링 구현 필요) 기본적으로 비활성화해 두는 등 플랫폼 간 성능 편차가 존재합니다 [1, 13].

Last updated: 2026-04-19

🤖 LLM 활용 힌트 (How to Use This Knowledge)

언제 이 지식을 쓰는가:

(TODO)

언제 쓰면 안 되는가:

(TODO)

🧪 검증 상태 (Validation)

정보 상태: needs_review
출처 신뢰도: A
검토 이유: (P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)

🧬 중복 검사 (Duplicate Check)

기존 유사 문서: (TODO: 인덱서 클러스터 리포트 참조)
처리 방식: UPDATE (자동 정규화)
처리 이유: Phase 1 정규화 — 옛 템플릿/누락 필드 보강.

🕓 변경 이력 (Changelog)

날짜	변경 내용	처리 방식	신뢰도
2026-05-08	P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화)	UPDATE	A

💻 코드 패턴 (Code Patterns)

패턴 1: (TODO: 이 프로젝트 컨벤션 반영한 구조 스켈레톤)

# TODO

🤔 의사결정 기준 (Decision Criteria)

선택 A를 써야 할 때:

(TODO)

선택 B를 써야 할 때:

(TODO)

기본값:

(TODO)

❌ 안티패턴 (Anti-Patterns)

[안티패턴]: (TODO: 무엇을 하면 안 되는가 + 이유 + 대신 무엇을)

5.7 KiB Raw Blame History