# 컴퓨터 그래픽스 (Computer Graphics)

## 1. 개요
컴퓨터 그래픽스는 컴퓨터를 이용하여 디지털 이미지를 생성, 조작, 저장 및 표시하는 기술 전반을 의미한다. 이는 단순한 2차원 이미지의 출력을 넘어, 수학적 모델을 기반으로 3차원 가상 공간을 구축하고 이를 2차원 화면으로 투영하는 렌더링(Rendering) 과정을 포함한다. 현대 산업에서 컴퓨터 그래픽스는 영화의 시각효과(VFX), 고사양 게임, 건축 및 제품 설계(CAD), 의료 영상 진단 등 광범위한 분야에서 핵심적인 역할을 수행하며, 가상현실(VR)과 증강현실(AR)의 구현을 가능케 하는 기반 기술이다.

## 2. 기본 원리와 구성 요소

### 2.1 픽셀과 해상도
*   **픽셀(Pixel):** 'Picture Element'의 합성어로, 디지털 이미지를 구성하는 최소 단위의 점이다. 각 픽셀은 특정 색상 정보를 가지고 있다.
*   **해상도(Resolution):** 화면 내에 표시되는 픽셀의 밀도나 전체 개수를 의미하며, 일반적으로 '가로 픽셀 수 $\times$ 세로 픽셀 수'로 표기한다. 해상도가 높을수록 이미지는 더 정밀하고 부드럽게 표현된다.

### 2.2 비트맵(Raster)과 벡터(Vector)
디지털 이미지는 표현 방식에 따라 크게 비트맵과 벡터 방식으로 나뉜다.

| 구분 | 비트맵 (Bitmap/Raster) | 벡터 (Vector) |
| :--- | :--- | :--- |
| **정의** | 픽셀의 격자 구조에 색상 값을 저장하는 방식 | 점, 선, 곡선 등의 수학적 함수로 정의하는 방식 |
| **특징** | 복잡한 색상 표현과 세밀한 묘사에 유리함 | 확대해도 화질 저하(계단 현상)가 없음 |
| **단점** | 확대 시 픽셀의 경계가 계단 모양으로 나타나는 **계단 현상(Aliasing)** 발생 | 실사 같은 복잡한 이미지 표현이 어려움 |
| **주요 파일 형식** | JPG, PNG, GIF, BMP | SVG, AI, EPS |
| **주요 용도** | 사진, 디지털 페인팅 | 로고 디자인, 폰트, 설계도 |

### 2.3 색 공간 (Color Space)
색 공간은 색상을 수학적으로 정의하고 표현하는 모델이다.
*   **RGB (Red, Green, Blue):** 빛의 삼원색을 이용한 가산 혼합 방식으로, 모니터나 스마트폰 등 디스플레이 장치에서 사용된다.
*   **HSV (Hue, Saturation, Value):** 색상, 채도, 명도로 구분하여 인간이 색을 인지하는 방식과 유사하게 설계된 모델이다.
*   **CMYK (Cyan, Magenta, Yellow, Key/Black):** 잉크의 감산 혼합 방식으로, 인쇄물 제작에 주로 사용된다.

## 3. 그래픽스 파이프라인 (Rendering Pipeline)
그래픽스 파이프라인은 3차원 데이터를 2차원 이미지로 변환하는 일련의 단계적 과정을 말한다.

1.  **정점 처리 (Vertex Processing):** 3D 모델의 각 정점(Vertex) 위치를 계산하고, 좌표계 변환 및 조명 연산을 수행한다.
2.  **기하 처리 (Geometry Processing/Tessellation):** 정점 처리 이후 단계에서 도형을 세분화하거나 새로운 정점을 생성하여 모델의 디테일을 높이는 과정이다.
3.  **래스터화 (Rasterization):** 수학적 벡터 데이터(삼각형 등)를 픽셀 단위의 격자로 변환하는 과정이다. 어떤 픽셀이 도형 내부에 포함되는지를 결정한다.
4.  **픽셀 처리 (Pixel Processing/Fragment Shading):** 래스터화된 각 픽셀에 텍스처, 조명, 색상 등의 세부 정보를 입혀 최종 색상을 결정한다.

## 4. 주요 기술 및 기법

### 4.1 모델링 및 매핑
*   **모델링(Modeling):** 점, 선, 면(Polygon)을 이용하여 3차원 객체의 형상을 만드는 과정이다.
*   **텍스처 매핑(Texture Mapping):** 3D 모델의 표면에 2D 이미지를 입혀 디테일한 질감(나무, 금속, 피부 등)을 표현하는 기술이다.

### 4.2 조명 및 쉐이딩 (Lighting & Shading)
*   **조명(Lighting):** 광원의 위치와 성질에 따라 객체의 밝기와 그림자를 계산하는 과정이다.
*   **쉐이딩(Shading):** 표면의 명암을 처리하는 기법으로, 정점 단위로 계산하는 '플랫 쉐이딩'과 픽셀 단위로 부드럽게 보간하는 '퐁 쉐이딩(Phong Shading)' 등이 있다.

### 4.3 렌더링 방식의 비교
현대 그래픽스에서는 속도 중심의 래스터화 방식과 품질 중심의 레이 트레이싱 방식이 주로 사용된다.

| 구분 | 래스터화 (Rasterization) | 레이 트레이싱 (Ray Tracing) |
| :--- | :--- | :--- |
| **작동 원리** | 3D 도형을 2D 픽셀로 투영하여 채움 | 광선(Ray)의 경로를 추적하여 물리적 상호작용 계산 |
| **장점** | 연산 속도가 매우 빠름 (실시간 가능) | 반사, 굴절, 그림자가 매우 사실적임 |
| **단점** | 물리적 정확도가 낮아 근사치 계산 필요 | 연산량이 매우 많아 렌더링 시간이 오래 걸림 |
| **주요 용도** | 일반적인 게임, UI/UX 인터페이스 | 영화 CG, 건축 시각화, 고사양 게임의 일부 효과 |

## 5. 좌표계와 변환 (Transformations)

### 5.1 좌표계의 단계
객체가 화면에 그려지기까지는 다음과 같은 단계적 좌표계 변환을 거친다.

> **로컬 좌표계** $\xrightarrow{\text{Model Matrix}}$ **월드 좌표계** $\xrightarrow{\text{View Matrix}}$ **뷰(카메라) 좌표계** $\xrightarrow{\text{Projection Matrix}}$ **투영 좌표계** $\xrightarrow{\text{Viewport Transform}}$ **화면 좌표계**

### 5.2 행렬 연산 (Matrix Transformation)
그래픽스에서는 4x4 동차 좌표(Homogeneous Coordinates) 행렬을 사용하여 변환을 수행한다.

*   **이동 (Translation):** 객체를 특정 방향으로 옮김.
*   **회전 (Rotation):** 특정 축을 중심으로 객체를 회전시킴.
*   **크기 조절 (Scaling):** 객체의 크기를 확대 또는 축소함.

```glsl
// [GLSL 예제] 정점 셰이더에서의 좌표 변환 과정
#version 330 core

layout (location = 0) in vec3 aPos; // 입력: 로컬 좌표계의 정점 위치

uniform mat4 model;      // 모델 행렬: 로컬 -> 월드
uniform mat4 view;       // 뷰 행렬: 월드 -> 뷰
uniform mat4 projection; // 투영 행렬: 뷰 -> 투영

void main() {
    // 1. 로컬 좌표를 월드 좌표로 변환
    vec4 worldPosition = model * vec4(aPos, 1.0);
    
    // 2. 월드 좌표를 카메라 기준의 뷰 좌표로 변환
    vec4 viewPosition = view * worldPosition;
    
    // 3. 뷰 좌표를 클립 공간(투영 좌표)으로 변환하여 최종 출력
    gl_Position = projection * viewPosition;
}
```
*위 코드는 정점 셰이더(Vertex Shader)에서 각 정점이 화면의 어느 위치에 배치될지를 결정하는 표준적인 행렬 곱셈 과정을 보여준다.*

## 6. 렌더링 API 및 셰이더 언어

### 6.1 렌더링 API
하드웨어(GPU)를 효율적으로 제어하기 위해 표준화된 인터페이스를 제공한다.
*   **OpenGL:** 플랫폼 독립적인 오픈 표준 API로, 다양한 OS에서 널리 사용된다.
*   **DirectX (Direct3D):** 마이크로소프트에서 개발한 API로, 윈도우 환경과 Xbox 게임 개발의 표준이다.
*   **Vulkan / Metal:** 최신 저수준(Low-level) API로, 하드웨어 제어 권한을 높여 오버헤드를 줄이고 성능을 극대화한다.

### 6.2 셰이더 (Shader)
**셰이더**란 GPU에서 실행되는 작은 프로그램으로, 그래픽 파이프라인의 특정 단계에서 픽셀의 색상이나 정점의 위치를 직접 제어하여 시각적 효과를 구현하는 코드를 말한다.

**주요 셰이더 종류:**
*   **정점 셰이더 (Vertex Shader):** 정점의 위치, 법선 벡터 등을 계산하여 3D 공간상의 배치를 결정한다.
*   **프래그먼트/픽셀 셰이더 (Fragment/Pixel Shader):** 래스터화된 픽셀의 최종 색상을 결정하며, 조명, 텍스처, 그림자 효과를 처리한다.
*   **기하 셰이더 (Geometry Shader):** 정점 데이터를 기반으로 새로운 도형을 생성하거나 수정한다.
*   **컴퓨트 셰이더 (Compute Shader):** 그래픽 렌더링 외의 일반적인 병렬 연산(물리 시뮬레이션 등)을 수행한다.

**셰이더 언어:**
*   **GLSL (OpenGL Shading Language):** OpenGL 및 Vulkan에서 사용되는 C언어 기반의 언어이다.
*   **HLSL (High-Level Shading Language):** DirectX 환경에서 사용되는 셰이더 언어이다.

## 7. 응용 분야 및 최신 동향

### 7.1 산업별 응용
*   **CAD (Computer-Aided Design):** 정밀한 수치 제어를 통해 건축, 기계 설계에 활용된다.
*   **VFX (Visual Effects):** 실사 영상에 컴퓨터 그래픽을 합성하여 현실에 없는 장면을 창조한다.
*   **게임 엔진:** Unreal Engine, Unity 등은 렌더링 파이프라인과 물리 엔진을 통합하여 효율적인 콘텐츠 제작 환경을 제공한다.

### 7.2 최신 트렌드
*   **VR/AR (Virtual/Augmented Reality):** 몰입형 환경을 위해 스테레오스코픽 렌더링(양안 렌더링)과 저지연 출력이 핵심이다.
*   **생성형 그래픽스 (Neural Rendering):** AI와 딥러닝을 결합하여 텍스트나 이미지로부터 3D 모델을 생성하거나, NeRF(Neural Radiance Fields)와 같이 신경망을 통해 고품질의 뷰 합성 이미지를 생성하는 기술이 급부상하고 있다.

## 관련 문서
*   [선형대수학] - 행렬 연산 및 벡터 변환의 수학적 기초
*   [GPU 아키텍처] - 그래픽 처리 장치의 하드웨어 구조
*   [컴퓨터 비전] - 이미지 분석 및 인식 기술 (그래픽스의 역과정)
*   [실시간 렌더링] - 게임 및 인터랙티브 콘텐츠를 위한 최적화 기법