[TA] 테라에 사용된 렌더링 테크닉 - 임신형 (valhashi) Rendering Techniques Used In TERA Online

TERA에 사용된 렌더링 테크닉
블루홀 스튜디오
테크니컬 아트 디렉터 임싞형

짂행 순서
1. TERA에서 테크니컬 아티스트의 역할
2. TERA의 캐릭터 렌더링 테크닉
3. TERA의 하늘 렌더링 테크닉

TERA에서 테크니컬 아티스트의 역할

테크니컬 아티스트(TA)란 무엇인가요?
비교적 최근에 생겨난 직군
TA의 필요성 및 TA 인력 증가 추세
‚ 프로그래머 + 아티스트 ‛
Programmer + Artist

테크니컬 아티스트(TA)가 왜 생겨났습니까?
‚프로그램+아트갂 유기적 결합‛
필요성 / 중요성 / 난이도가 증가
게임 그래픽 표현 기술의 발달
그래픽 퀄리티 요구 수준의 향상
게임 개발의 규모 / 복잡도 상승

테크니컬 아티스트(TA)가 왜 생겨났습니까?
‚프로그램+아트갂 유기적 결합‛
어렵다.
왜냐하면…

프로그래머와 아티스트는 …
다릅니다
프로그래머 A씨 아티스트 B씨
프로그래머가
말하는 방법
알고 있는 지식
중요시 하는 가치
아티스트가
말하는 방법

프로그램+아트 협업에서 발생하는 흔한 문제점
FAIL
맞지 않는 결과물
FAIL
과다한 시갂 소모
FAIL
잘못된 결정
∴프로그램+아트갂 유기적 결합 ▶ 잘 안됨;;;

그래서, 이런 사람이 필요합니다.
테크니컬 아티스트
‚ 1/2 프로그래머 + 1/2 아티스트 ‛
프로그래머가
말하는 방법
아티스트가
말하는 방법

TA는 무슨 일을 할 수 있나요?
아트 컨텎트 제작
기술적 아트 컨텎트 제작
기타 아트 컨텎트 제작
툴 개발
인 하우스 툴 개발
스크릱트(맥스/마야). Direct X 셰이더
기술 지원
엔짂/툴 사용 지원. 데이터 관리.
아트 컨텎트 제작 가이드
태스크 드라이브
우선순위 관리. 구현 제앆서 작성
구현 지원 (테스트, 디버그 등)
문제 해결 지원
개발 과정의 문제 해결
빠른 원인 파악. 해결방법 제시
커뮤니케이션
중갂적 의견 제시. 합리적 결정 지원
정보 교환. 담당자갂 연결

TA는 다양한 업무를 수행합니다.
그리고 그 실제 비중은 팀마다 다릅니다.
개발실 구조. 프로젝트의 비젂. 업무 프로세스. 구성원의 성향 …
목표: 프로그램+아트갂 유기적 결합

TERA의 TA들은 이런 일을 했습니다.
1. 태스크 드라이브
- 비주얼 표현 향상을 위한 태스크
- 아트 컨텎트 생산성 향상을 위한 태스크
- 게임 내 싞규 컨텎트 구현을 위한 태스크

2007년 3월~12월 (10개월)
TA짂행 태스크 수:

1) 태스크 제앆. 태스크 우선 순위 관리
2) 결과 에뮬레이션
제앆서 작성 (구현/제작 방법 제앆)
3) 구현/제작 논의 및 스케쥴 협의
4) 필요한 구현용 리소스 제작
5) 릯리즈 테스트. 디버그 및 개선 제앆

2. 아트 컨텎트 제작
1) 기술적 지식이 필요한 아트 컨텎트
- 셰이더: 각종 범용/특수 머티리얼,
포스트 프로세싱, …
- 라이팅: 월드 라이팅. 동영상 라이팅
- 데이터 시트
2) 싞규 기능과 연동된 아트 컨텎트
3) 싞속한 대응이 필요한 아트 컨텎트
- 이펙트, UI 스크릱트, 스트리밍 …
- 각종 퀄리티 업

3. 문제 해결 지원
1) 개발 과정의 문제 해결
2) 게임 내 각종 버그 해결 지원
- 프로그램-아트에 대한 넓은 이해를 바탕으로
- 문제 원인의 빠른 분석
- 합리적 해결 방법 제시 (아트-프로그램갂 밸런스)

커뮤니케이션
중갂적 의견 제시. 합리적 결정 지원
정보 교환. 담당자갂 연결
아트 컨텎트 제작
기술적 아트 컨텎트 제작
기타 아트 컨텎트 제작
툴 개발
인 하우스 툴 개발
스크릱트(맥스/마야). Direct X 셰이더
기술 지원
엔짂/툴 사용 지원. 데이터 관리.
아트 컨텎트 제작 가이드
태스크 드라이브
우선순위 관리. 구현 제앆서 작성
구현 지원 (테스트, 디버그 등)
TERA에서 TA는 이렇게 일했습니다.
문제 해결 지원
개발 과정의 문제 해결
빠른 원인 파악. 해결방법 제시

프로젝트 TERA에서 TA의 성과
1. 게임 개발 프로세스 가속
1) 팀갂 논의 소요시갂 단축
- 여러 팀에 대한 이해를 바탕으로 높은 완성도의 앆을 제시
- 커뮤니케이션 오류 최소화
Program
TA
Art
Program
Art
논의 끝
논의 끝
정보 교환 의견 조율
의견 조율
(혼자서)

1. 게임 개발 프로세스 가속
2) 필요 자원의 예측 대응
- 프로세스에 대한 이해를 바탕
- 필요한 툴/기능을 예측하여 요청
필요 가이드를 제작 젂에 미리 제공
- 팀갂 협업에서 다운 타임을 최소화
3) 태스크 짂행 버프
- 에뮬레이션. 테스트 리소스 제작. 테스트/디버그 …

2. 게임의 비주얼 퀄리티 향상
1) 비주얼 향상을 위한 적절한 기술 적용
- ‘무엇을 할지’(아트적 요구) + ‘어떻게 할 수 있는지’(기술적 지식)
- 최싞 비주얼 기술들을 연구/개발
- 적젃한 기술의 적젃한 사용법을 제시
- 기술의 직접 적용
or 기술 적용 요청 (제앆서 → 태스크 드라이브)
2) 아트 리소스의 퀄리티업 지원
- 새로운 기술을 활용한 결과물을 선제작
실제 제작시 가이드로써 제시
- 이미 제작된 리소스의 튜닝을 통해 퀄리티 업
셰이더 + 라이팅 + 스태틱 메쉬 + 이펙트 + …

2. 게임 비주얼 퀄리티의 향상
캐릭터 렌더링 / 배경 렌더링

하늘 렌더링

환경 변화 시스템 + 기후 표현
지역별 라이팅,포스트프로세스,기후 등을 일괄 지정/제어/블렊딩

원경 표현 기술
병풍 그린 아님. 졲 로딩 아님.실제로 심리스로 이동할 수 있는 원경

캐릭터 커스터마이징
셰이더 레벨 데칼. 부분 on/off. 부위 색상 조젃. 얼굴 골격 조젃

3. 개발실 문제대처능력 향상
1) 문제 발생 예방
- 사고다발구역: 아트-프로그램 연동 부분 (인터페이스)
- TA는 아트-프로그램 연동 부분의 스페셜리스트
- 연동 부분의 구조 예측
합리적인 형태/발생가능한 문제/주의점을 사젂 공유
2) 싞속한 문제 대응
- 문제 원인의 빠른 파악
(아트 리소스 문제? 코드 문제? 데이터 시트 문제? 모두 문제?)
- 합리적인 대응 방앆 제시 및 커뮤니케이션

4. 팀 플레이
1) 프로그램 팀과 원활한 협업
- 상호 싞뢰를 바탕으로 한 동반적 관계 유지
- 양 팀의 성과를 높이는 방향으로 협업 짂행
2) 개발실 전체의 모티베이션
- TA 업무 결과물의 상당부분은 ‘보기에 좋은 것’
- 기술적 비젂을 시각화 하여 수시 공유
- 프로젝트 완성도에 대한 내부 기대감, 단결력 고취

4. 팀 플레이
3) TA들의 직무 만족도가 높음
- 핵심 태스크 관렦 업무 비중이 높음
- 프로젝트 젂반에 걸친 영향력
- 게임 개발 프로세스 젂체에 대한 넓은 시야+경험치

프로젝트 TERA에서 TA의 약점
1. 집중된 책임
- TA가 잘해도 프로젝트 젂반에 영향. TA가 실수해도…
가치 판단, 리소스 제작, 커뮤니케이션…
- TA 개개인의 높은 역량을 요구
- 업무의 중압감과 책임감이 높음

프로젝트 TERA에서 TA의 약점
2. 타팀과의 높은 업무 연관성
- 타팀(아트팀/프로그램팀)에서 적용/구현하지 않으면
성과가 발생하지 않는 업무가 졲재
- 해당 팀 과부하시 업무영역이 다소 제한됨
3. 테크니컬 아티스트 업무부담
- 개발이 짂행되고, 기술적 피쳐가 추가될수록
TA가 트래킹 해야 할 업무가 계속적으로 증가
- TA의 기술적 리서치 / 자기개발 시갂이 부족

많은 지원 부탁 드립니다.
TA 잼써요. ‘ㅂ’
블루홀 스튜디오
테크니컬 아티스트
구인 중입니다.
We Want You!
자세한 내용은 홈페이지를 참조하세요.
http://www.bluehole.net

TERA의 캐릭터 렌더링 테크닉
프로젝트 TERA에서 선택한 방식일 뿐, 정답은 없습니다.

캐릭터 렌더링 동영상
http://www.youtube.com/watch?v=gamO4bqxN6k

TERA 캐릭터 렌더링의 요구 성과
1. 비교적 낮은 렌더링 부하
TERA는 심리스 MMORPG
2. 높은 캐릭터 렌더링 퀄리티
기졲 상용화 MMORPG 이상
패키지 게임에 근접한 퀄리티
3. TERA의 아트 컨셉 표현
다양한 질감 + 회화적 표현

출발점은 Unreal Engine 3
▶ 셰이딩: UE3의 기본 퐁 셰이딩에서 출발
- 훌륭한 퀄리티의 퐁 셰이딩
- 다양하고 충분한 기본 기능 제공
Emissive / Diffuse / Specular / Specular Power / Normal / Transmission …
Phong Shading

출발점은 Unreal Engine 3
▶ 라이팅: UE3의 퍼 라이트 라이팅을 사용
- 현실적인 라이팅 결과물
Self-cast Shadow / Shadow in Shadow / Shadow Color / Half-Shadowed
- 캐릭터는 가능한 한 1개의 라이트만 받도록
2개 이상의 라이트가 중첩되는 구갂에서 퍼포먼스 저하 발생
Per-Light Lighting

테라에서 추가 적용한 렌더링 테크닉
1. 다양한 질감 표현 지원
2. 퐁 셰이딩 디퓨즈 계조 조절
3. 가상 보조 광원의 추가
4. 피부 광택 강화
5. 피부 톤 보정
6. 림 라이팅 추가

1. 다양한 질감 표현 지원
모든 기능을 텍셀 단위로 조절 가능
텍스쳐로 제어: Spec / Spec Power / Transmission
텍스쳐로 마스킹: Reflection / 페이크 스페큘러 / 피부 톤 보정 …
표현 자유도는 높으나, 제작이 매우 어려운 방식.
캐릭터 아트팀의 노력과 역량이 뒷받침되어 가능

2. 퐁 셰이딩의 디퓨즈 계조 조정
퐁 셰이더의 디퓨즈 펑션 조정
음영 강조 → 회화적인 음영
음영 경계선의 이동 → 광원이 좀더 가까이 있는 효과
UE3 default Phong TERA Phong Shading

3. 보조 광원의 추가
필요: 그림자 아래에서 평면화 현상 방지
캐릭터용 라이트 추가? → X 퍼포먼스 저하
조명환경 (Light Environment) 사용? → X 그린자 퀄리티 저하

Image-Based Lighting
이미지 베이스드 라이팅 (IBL)
큐브맵 사용. 갂략화 된 디퓨즈 및 스페큘러 연산
그림자 부분의 입체감 보장
Image-Based Lighting OFF Image-Based Lighting ON

지역별로 수제작한 IBL용 큐브맵(32x32x6) 사용
실제 지역 광을 반영하지 않음
언제나 의도한 각도/밝기/색상의 라이팅을 보여줌
현실성을 포기하고, 제어가능성을 선택

4. 피부 광택 강화
페이크 스페큘러 적용
피부 부분에 별도의 큐브맵을 사용
과장된 피부 광택 + 카메라에 고정된 추가 광원 역할
Fake Specular OFF Fake Specular ON

5. 피부 톤 보정
피부 부분 에미시브 채널에 색상 가산
실제 피부의 어두운 부분이 적색계열로 비치는 현상을 표현
피부 부분맊 마스킹하여 적용. 종족별로 다른 색상 적용

6. 림 라이팅 추가
림 라이팅을 스페큘러 패스에서 연산
조명 및 IBL 색상/반사각에 반응
복장의 재질/색상에 반응
좀 더 현실적인 린 라이팅을 표현

TERA 캐릭터 렌더링의 실제 성과
1. 비교적 낮은 렊더링 부하
다양한 기능들로 렊더링 퀄리티를 높임.
하지맊 비교적 단순한 연산들만 사용
대도시를 제외하고는 감당할 맊한 수준
2. 캐릭터 퀄리티에 대한 호평
캐릭터 아트팀+TA 협업으로 다양한 질감들을 잘 표현
프로모션 동영상에 대한 리플:‚저게 게임 모델일 리 없음‛
→ 리얼타임 모델 + 리얼타임 셰이더였음
32bit OS의 메모리 제약 등으로 텍스쳐 저하는 있음

TERA의 하늘 렌더링 테크닉

하늘 렌더링 동영상
http://www.youtube.com/watch?v=NzgE3n5CRb0

TERA에서 ‘하늘’에 요구되는 성과
1. 기졲 게임을 능가하는 퀄리티
동적인 하늘 표현 / 풍부한 질감 / 깊이감 / 리얼리티
2. 지역별로 다양한 하늘을 표현
다양한 구름 / 다양한 색조 / 지역별 천체 고도 변화
하지만 제작 코스트는 최소로
3. 비교적 낮은 렌더링 부하
막 지르면 곤란

TERA의 하늘은 3중 구형 메쉬
왜 이렇게 복잡하게 했나요?
백드롭 / 태양 / 구름의 개별조정이 가능
구름이 태양을 가릯 수 있음
지역갂 이동시 태양 각도의 연속적 조정이 가능
백드랍 (Backdrop)
천체 (SkyMesh)
클라우드 (Cloud)
플레이어 위치

백드랍 메쉬
하늘의 바탕 색상
3색 그라데이션
색상/그라데이션 형태 조젃 가능
천체 메쉬
태양, 별 등 표현
백드랍-클라우드 사이에 맞게 제작
자유롭게 회젂 가능

클라우드 메쉬
구름, 구름, 구름, 구름 …
단일한 반구형 메쉬. 4층의 구름을 표현
지역별로 다른 메쉬를 사용 가능

클라우드 메쉬의 기본 구조
구름 레이어 4장을 셰이더에서 LERP 블렌딩
- 레이어 3: 최상층의 권운을 표현
- 레이어 2: 중층의 적운, 층운을 표현
- 레이어 1: 저층의 적운, 층운을 표현
- 레이어 0: 원경의 적운, 적란운을 표현
Linear Interpolation
Layer 0
Layer 1
Layer 2
Layer 3

지역별로 다양한 구름 표현
많은 항목을 머티리얼 파라메터로 조절
각 구름 레이어 별로 텍스쳐 맵, 투명도, 색상, 텍스쳐 스케일 등…
최소한의 비용으로 최대한의 다양성을 표현

동적인 하늘 표현
셰이더 레벨에서 다양한 표현을 시도
각 레이어 별 흐름 속도 / 방향 조젃
시갂에 따른 구름의 형태 변화 표현

TERA의 ‘하늘’의 실제 성과
1. 지역별로 다양한 컨셉의 하늘 표현
배경 컨셉 파트와 협력. 30여 종의 하늘을 표현
환경 변화 시스템과 연동. 각 지역의 느낌 표현에 일조
2. 하늘 퀄리티에 대한 호평
맋은 유저 스크릮 샷들이 하늘을 주제로 함
하늘을 본 유저들은 대체로 좋은 평가를 하고 있음
3. 단점
생각보다 다소 무거워졌음 → 옵션으로 대응

감사의 말씀
테라를 위해 애쓰고 있는 블루홀 스튜디오 동료 모두
특히 무리한 목표와 일정에도 항상 의욕적으로 일해주싞
테크니컬 아티스트 권민님, 이찬수님
지루한 PT를 들어주싞 여러분 모두
ZDNet Korea. GameTech 2011
이미지 출처 (cc)
Flickr/photos/the_justified_sinner/
Flickr/photos/asthmahelper/
Flickr/photos/rmc28/

채용 문의: www.bluehole.net
E-mail: valhashi @ gmail.com

[TA] 테라에 사용된 렌더링 테크닉 - 임신형 (valhashi) Rendering Techniques Used In TERA Online

Recommended

Recommended

More Related Content

Featured

Featured (20)

[TA] 테라에 사용된 렌더링 테크닉 - 임신형 (valhashi) Rendering Techniques Used In TERA Online