머숨 미러

[시리즈] TCG 티르 나 노그(가제) 개발

1. 개요

카드 앞 면의 테두리나 이름, 유형, 효과 등이 출력되는 구역의 양식, 카드 뒷 면의 삽화를 어떤 모양으로 할지 고민하다가,

우선 일지에 쓸 것으로 하나 구현하자 싶어서 유튜브에 찾은 방법으로 포일 카드를 구현했습니다.

여기서 포일 카드란 카드 앞면이 그림이 반짝이도록 처리된 카드를 의미합니다.

2. Shader Graph

a76d2cad352e782a93635a72f691766909aa35c7fcb96a9e0ae0e46e73b67e510a7504eea1c8ae91ed91adbeecf5b0f19e9ed98b340e39a2

<그림 1. Shader Graph>

Shader Graph 하나 추가한 뒤 Material과 연결하고, 저번 일지에서 만든 3D 카드의 앞면에 해당하는 Material에 새로운 Material을 할당한 뒤 Shader Graph에 노드들을 추가했습니다.

무지개빛으로 반짝이는 포일을 구현하고자 무지개빛 그레디언트와 여러 기능들을 사용했습니다.

3. 포일 카드

a76d2cad352e782a93635a72f691766909aa35c7fcb96a9e0ae0e76ecd51b3d92f16855b4ad41fd1c250a19527e744d9b8b9ae58197f8e9d52df

<그림 2. 포일 카드>

괜찮은 느낌으로 구현되었습니다.

이미지는 임시로 소드 걸스의 이미지를 사용했습니다.

이전까지는 테스트용으로 유니티에 기본적인 UI만 사용해서 2D로 카드를 구현했다가,

저번 일지에서 3D로 변경한 뒤 여러 그래픽 요소들을 추가해보고 있습니다.

빨리 포토샵이나 Shader Graph에 익숙해져서 아트를 빠르게 찍어냈으면 좋겠네요.

[📜일지] TCG 티르 나 노그(가제) 개발 일지 - 24: 포일 카드 구현