[💬] 카툰 쉐이더 만들어봤습니다.

쉐이더만 제가 짰습니다. (모델링은 스케치팹 무료 모델링 참조.)

일단은 최종적인 렌더링 화면입니다.

캐릭터자체의 그림자들은 dot(o.Normal, nomalize(lightDir, viewDir)) 데이터를 일정 수치 기준으로 1과 0으로 잘라서 마스크로 활용하여 제작 하였습니다.

디퓨즈 맵은 모두 단색 맵으로 구성되어 있는 것이 이쁠 것 같아서 텍스처를 단색으로 수정했습니다.

아웃라인은 구현하는 방식이 크게 3가지가 있습니다.

첫번째는 림라이트를 이용한 방식,
두번째는 모델링을 한번 더 렌더링해서 뒤집어준 후 버텍스 방향으로 모델링을 확장 시켜주는 방식,
세번째는 포스트 프로세싱으로 후처리로 캐릭터만 렌더링 한 후 확장 시켜 주는 방식

저는 그 중에서 림라이트를 이용해서 아웃라인을 표현해줬는데요.
그 이유는 2번째 같은 경우는 패스를 한번 더 그려줘야 하기 때문에 모델링당 드로우콜이 1 늘어나기 때문입니다. 사실 좀 아깝죠...
3번째 같은 경우는 카메라 후처리로 하는 것이기 때문에 캐릭터가 몇개가 되든 드로우콜이 1만 늘어난 다는 장점이 있지만 버퍼를 가져오는 것이기 때문에 버퍼 자체만으로도 메모리를 소모할 수 있다는 단점이 있습니다.

결론적으로 퍼포먼스적으로나, 구현 난이도적으로나 라인의 표현은 림라이트 방식을 채택하는게 이득이 아닌가 싶네요.

오브젝트 마스크 같은 경우는 스펙큘러를 따로 추가할 수 있도록 했고,
스펙큘러의 컬러는 아티스트가 알아서 조절할 수 있도록 만들 었습니다.

(아래참조)

피부와 오브젝트의 그림자는 따로 마스크로 받아와서 처리를 해주었습니다.

피부의 컬러는 조금 밝은 느낌으로 따로 처리 해주는게 좋기 때문에 일반 오브젝트 그림자와 차별을 두었네요.

머리카락의 라이트는 텍스처 이미지가 아닌 실시간으로 생성되며,

붕괴에서 구현한 스펙큘러를 흉내내봤습니다.

거기에 더해서 그냥 스펙큘러만 있으면 밋밋하기 때문에 스펙큘러 주변으로 살짝 강하게 컬러값을 추가해줬습니다.
(요즘 라노벨 일러스트에서 이런식으로 자주 표현하더라구요.)

얼굴 그림자 같은 경우는 보통 안그려주거나, 약하게 표현하는 방식으로 많이 사용합니다.

저같은 경우는 붕괴에서 발표한 렌더링 자료에서 버텍스 컬러 데이터로 마스크를 사용 했다고 하길래 이렇게 버텍스 컬러 데이터를 받아와서 마스크로 활용하였습니다.

사실 그림자 같은 경우는 드래곤볼 파이터즈 같이 버텍스의 방향을 조절해서 표현 해보려고 했으나 모델링의 버텍스가 그렇게 표현하기에는 적절하지 않아서 눈 윗부분만 살짝 버텍스 조절을 해서 표현했습니다.
(스샷에선 티가 안나지만... 쿨럭;)

캐릭터는 라이트 프로브 컬러를 받아와서 주변 배경 색감에 영향을 받습니다.

사실 유니티에서 특별한 라이트 제한을 두지 않는 한은 라이트 프로브는 자동으로 작동을 하기 때문에 굳이 따로 작업을 할 필요는 없습니다.

다만 이 컬러 값을 따로 커스텀 해서 더 강하게 추가해줄 수도 있습니다.

카툰 렌더링 어떻게 하는지 궁금해서 한번 만들어봤습니다. 어차피 다 아시는 내용일 테지만... =_=a;;;;

그래도 참고가 될만한 게 있을까 해서 올려봅니다. 개인적으로 아쉬운건 그림자쪽에서 제대로 처리를 못했다는게 아쉽네요. ㅜ
이부분은 좀 더 공부를 해야 할거 같네요... 으읔...

[💬] 카툰 쉐이더 만들어봤습니다.

댓글 7

다른 게시글