BufferAttribute

📌 한 줄 통찰 (The Karpathy Summary)

BufferAttribute는 Three.js에서 3D 모델의 지오메트리 데이터를 저장하고 관리하기 위해 사용되는 핵심 클래스입니다 [1, 2]. 이 클래스는 Web Worker와 메인 스레드 간에 데이터를 중복 복사 없이 효율적으로 공유할 수 있게 해주며, 데이터 압축을 통한 메모리 최적화를 지원합니다 [2, 3]. 또한, 파생 클래스인 InstancedBufferAttribute를 통해 인스턴스 기반 렌더링에서 객체별 고유 데이터를 GPU로 전송하는 필수적인 역할을 수행합니다 [4, 5].

📖 구조화된 지식 (Synthesized Content)

메모리 최적화 및 제로 카피(Zero-copy) 아키텍처: Electron 등 메모리가 제한적인 환경에서 Web Worker가 STL 데이터를 SharedArrayBuffer로 파싱하면, 메인 스레드는 이 공유 메모리 공간을 직접 가리키는 BufferAttribute를 생성할 수 있습니다. 이러한 '제로 카피' 아키텍처를 활용하면 데이터 중복 복사로 인한 메모리 오버헤드 없이 멀티스레드 지오메트리 생성이 가능합니다 [2].
지오메트리 데이터 압축 지원: BufferAttribute는 정규화된 정수 타입(normalized integer types)과 결합하여 지오메트리 압축을 지원함으로써 정점 버퍼의 크기를 대폭 줄일 수 있습니다 [3].
다양한 타입의 파생 클래스 제공: Three.js의 코어 API에는 데이터 타입 및 메모리 정밀도에 맞춰 Float32BufferAttribute, Float16BufferAttribute, Int16BufferAttribute, Uint8BufferAttribute 등 다양한 형태의 파생 클래스들이 존재합니다 [1].
인스턴싱 연동 (InstancedBufferAttribute): 대규모 객체 렌더링 시, 개별 인스턴스마다 다른 변환 행렬(instanceMatrix)이나 색상(instanceColor)을 적용하기 위해 파생 클래스인 InstancedBufferAttribute가 사용됩니다 [5, 6]. 또한, 텍스처 아틀라스 내에서 각 인스턴스별 텍스처 UV 오프셋을 전달하거나, 가시성(visibility) 및 컬링(culling) 상태 인덱스를 셰이더로 전달할 때도 핵심적으로 활용됩니다 [4, 7-9]. 매 프레임 수많은 지오메트리를 재생성하는 대신, InstancedBufferAttribute 일부만 갱신하여 렌더링 성능을 높일 수 있습니다 [10].

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

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

🔗 지식 연결 (Graph)

Related Topics: InstancedBufferAttribute, BufferGeometry, SharedArrayBuffer, InstancedMesh
Projects/Contexts: WebGL/Three.js 대규모 CAD 렌더링 메모리 최적화, 다중 객체 드로우 콜 최적화 및 커스텀 셰이더 적용 맥락
Contradictions/Notes: 소스에 관련 정보가 부족합니다.

Last updated: 2026-04-19

Raw Source: 00_Raw/2026-04-20/BufferAttribute.md

3.3 KiB Raw Blame History

BufferAttribute

📌 한 줄 통찰 (The Karpathy Summary)

📖 구조화된 지식 (Synthesized Content)

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

🔗 지식 연결 (Graph)

3.3 KiB

Raw Blame History