쉐이더란? 픽셀에 색을 입히는 작은 프로그램

여러분이 게임을 하거나 애니메이션을 볼 때, 화면은 아주 작은 점들로 가득 차 있어요. 이 작은 점 하나하나를 픽셀이라고 불러요. 화면은 사실 수백만 개의 픽셀이 모여 만든 커다란 색칠 공책이에요.

그럼 이 많은 픽셀에 누가 색을 칠할까요? 바로 쉐이더(shader)라는 작은 프로그램이에요. 쉐이더는 "이 점은 빨간색, 저 점은 파란색" 하고 색을 정해주는 아주 부지런한 색칠 도우미예요.

쉐이더를 한마디로 말하면

쉐이더는 "컴퓨터가 그림을 그릴 때 색을 계산해주는 명령서"예요. 사람이 붓으로 하나하나 칠하면 너무 오래 걸리겠죠? 그래서 컴퓨터에게 "이런 규칙으로 색을 칠해줘"라고 규칙을 적어주는 거예요. 그 규칙이 바로 쉐이더랍니다.

쉐이더의 가장 멋진 점은 모든 픽셀에게 똑같은 규칙을 한꺼번에 적용한다는 거예요. 마치 선생님이 반 친구 모두에게 "각자 자기 자리 색을 칠하세요!"라고 한 번만 말하면, 모두가 동시에 색을 칠하는 것과 같아요.

그림이 만들어지는 길: 렌더링 파이프라인

컴퓨터가 그림을 그릴 때는 물이 흐르는 미끄럼틀처럼 정해진 길을 따라 데이터가 지나가요. 이 길을 어려운 말로 렌더링 파이프라인이라고 해요. 파이프라인은 "관"이라는 뜻인데, 재료가 관을 따라 흘러가면서 점점 예쁜 그림으로 바뀌는 거예요.

이 길 위에서 쉐이더는 두 곳에서 일을 해요. 아래 도식을 함께 볼까요?

두 종류의 색칠 도우미

쉐이더에는 여러 종류가 있지만, 가장 많이 쓰는 두 친구를 소개할게요.

1. 버텍스 쉐이더 — 모양을 잡는 도우미

버텍스(vertex)는 "꼭짓점"이라는 뜻이에요. 삼각형에는 꼭짓점이 3개 있죠? 컴퓨터는 모든 그림을 사실 아주 많은 삼각형으로 만들어요. 강아지도, 자동차도, 산도 모두 작은 삼각형들이 모인 거예요.

버텍스 쉐이더는 이 꼭짓점들이 어디에 있어야 하는지 위치를 정해주는 도우미예요. 마치 연극에서 배우들에게 "너는 무대 왼쪽, 너는 오른쪽에 서!"라고 자리를 정해주는 감독님 같아요. 이 도우미가 점을 움직이면 물결이 출렁이거나 깃발이 펄럭이는 것처럼 보이게 만들 수 있어요.

2. 프래그먼트 쉐이더 — 색을 칠하는 도우미

프래그먼트(fragment)는 "조각"이라는 뜻이에요. 화면의 픽셀 하나하나를 색칠할 작은 조각이라고 생각하면 돼요.

프래그먼트 쉐이더는 각 픽셀에 무슨 색을 칠할지 계산해요. "여기는 햇빛이 비치니까 밝게, 여기는 그림자니까 어둡게" 하고 정하는 거죠. 그래서 사과가 반짝반짝 빛나 보이고, 물이 진짜처럼 출렁여 보여요. 모두 이 도우미 덕분이에요.

쉬운 비유: 스티커 색칠 공장

쉐이더를 스티커 색칠 공장이라고 상상해 볼까요?

• 공장에 하얀 스티커 수백만 장이 들어와요. (이게 픽셀이에요.)
• 공장 벽에 "이런 스티커는 빨강, 저런 스티커는 파랑" 하는 규칙표가 붙어 있어요. (이게 쉐이더예요.)
• 모든 스티커가 동시에 규칙표를 보고 자기 색을 칠해요.
• 순식간에 예쁜 그림 한 장이 완성돼요!

사람이 한 장씩 칠하면 하루 종일 걸릴 일을, 쉐이더는 눈 깜짝할 사이에 끝내요. 그래서 게임이 부드럽게 움직이는 거예요.

쉐이더가 특별히 잘하는 것

쉐이더는 여러 일을 동시에 하는 걸 아주 잘해요. 이걸 어려운 말로 "병렬 처리"라고 해요. 친구 한 명이 100개의 색을 차례로 칠하면 오래 걸리지만, 친구 100명이 하나씩 나눠 칠하면 눈 깜짝할 사이에 끝나죠. 쉐이더는 바로 이 "여럿이 함께" 방식으로 일해요.

그래서 쉐이더는 이런 멋진 일들을 해낼 수 있어요.

• 불꽃이 타오르고 연기가 피어오르게 만들기
• 물이 반짝이며 출렁이게 만들기
• 낮과 밤에 따라 그림자를 바꾸기
• 사진을 흑백이나 만화처럼 바꾸기

정리해 볼까요?

오늘 배운 내용을 짧게 정리해 볼게요.

• 화면은 아주 작은 점, 픽셀로 이루어져 있어요.
• 쉐이더는 픽셀에 색을 입히는 작은 프로그램이에요.
• 그림은 렌더링 파이프라인이라는 길을 따라 만들어져요.
• 버텍스 쉐이더는 모양(위치)을 잡고, 프래그먼트 쉐이더는 색을 칠해요.
• 쉐이더는 여럿이 동시에 일해서 아주 빠르게 그림을 완성해요.

다음에 게임을 하거나 애니메이션을 볼 때, "아, 이 예쁜 색과 반짝임은 쉐이더라는 색칠 도우미가 만든 거구나!" 하고 떠올려 보세요. 화면 속 세상이 조금 더 신기하게 보일 거예요.