---
id: P-REINFORCE-AUTO-8CE1CE
category: "10_Wiki/💡 Topics/Programming & Language"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - 오버드로우(Overdraw)"
---

# [[오버드로우(Overdraw)|오버드로우(Overdraw)]]

## 📌 한 줄 통찰 (The Karpathy Summary)
> 오버드로우(Overdraw)는 렌더링 파이프라인의 프래그먼트 셰이딩(Fragment Shading) 단계에서 동일한 픽셀 위치에 대해 여러 번의 쓰기 작업이 중첩되어 발생하는 현상이다 [1]. 주로 겹쳐진 투명한 기하구조나 비효율적인 깊이 정렬(Depth Sorting)로 인해 보이지 않는 픽셀 연산에 GPU 자원을 낭비하게 만든다 [2]. 이는 결과적으로 불필요한 GPU 픽셀 처리 비용을 유발하여 심각한 프레임 속도 저하 및 성능 병목을 초래한다 [1, 3].

## 📖 구조화된 지식 (Synthesized Content)
- **오버드로우의 발생 원리:** 오버드로우는 GPU가 한 프레임 내에서 겹쳐진 기하구조로 인해 동일한 픽셀을 여러 번 렌더링할 때 발생한다 [2]. 불투명한 물체의 경우, 일반적으로 '앞에서 뒤로(Front-to-Back)' 정렬하여 렌더링함으로써 뒤에 가려진 픽셀 연산을 조기에 종료(Early-Z)할 수 있으나, 정렬되지 않은 상태로 카메라와 가장 멀리 있는 객체가 먼저 그려질 경우 GPU는 동일한 픽셀 영역에 중복된 계산을 수행하게 된다 [1]. 투명한 재질의 경우에는 올바른 알파 블렌딩을 위해 '뒤에서 앞으로(Back-to-Front)' 렌더링을 강제받으므로, 숨겨진 픽셀을 건너뛰는 초기 깊이 테스트(Early-Z) 최적화가 비활성화되어 오버드로우가 더욱 심화된다 [2, 4].
- **InstancedMesh와 오버드로우:** Three.js의 `InstancedMesh`는 단일 드로우 콜로 다수의 객체를 렌더링하지만 자동 정렬(Sorting) 기능을 제공하지 않아 내부 인스턴스들이 버퍼에 저장된 순서대로 렌더링된다 [1, 5, 6]. 이로 인해 드로우 콜 감소로 얻은 CPU 이득보다, 정렬되지 않은 인스턴스들이 유발하는 막대한 오버드로우 비용이 GPU의 픽셀 처리 성능을 상회하는 역전 현상이 일어날 수 있다 [1]. 특히 복잡한 조명 연산이 포함된 `MeshStandardMaterial` 등을 사용할 경우 씬(Scene)이 프래그먼트 바운드(Fragment-bound) 상태에 빠져 치명적인 프레임 드랍을 유발한다 [1, 6].
- **오버드로우 최적화 및 해결 방안:** 투명도로 인한 오버드로우를 최소화하려면 알파 테스트 투명도(Alpha-tested transparency)를 가능한 한 불투명한 기하구조로 변환하거나, 가장자리 스무딩에 Alpha-to-coverage를 사용해야 한다 [2, 7]. 또한 투명한 객체 간의 겹침이 줄어들도록 렌더링 순서를 신중하게 정렬해야 한다 [7]. `InstancedMesh`의 정렬 부재 문제를 극복하기 위해서는 각 인스턴스들이 렌더링되는 방식을 카메라 기준으로 개별 정렬(Sorting)할 수 있는 대안적 기술(`BatchedMesh` 등)을 고려할 수 있다 [6, 8].

## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
- **정책 변화:** Programming & Language 분야의 자동 자산화 수행.

## 🔗 지식 연결 (Graph)
- **Related Topics:** [[프래그먼트 셰이딩(Fragment Shading)|프래그먼트 셰이딩(Fragment Shading)]], 깊이 정렬(Depth Sorting), Early-Z (초기 깊이 테스트), [[프래그먼트 바운드(Fragment-bound)|프래그먼트 바운드(Fragment-bound)]]
- **Projects/Contexts:** Three.js InstancedMesh 최적화, 투명도(Transparency) 렌더링 관리
- **Contradictions/Notes:** `InstancedMesh`는 드로우 콜(Draw Call)을 획기적으로 줄여 CPU 오버헤드를 감소시키는 최적화 기법으로 알려져 있으나, 자동 정렬 기능이 없어 오히려 막대한 오버드로우를 유발하고 GPU 픽셀 처리 성능을 크게 저하시킬 수 있다는 구조적인 모순(트레이드오프)을 지니고 있다 [1].

---
*Last updated: 2026-04-19*
- Raw Source: 00_Raw/2026-04-20/오버드로우(Overdraw).md
---