언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작



언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작

금별 0 4 02:55



 

언리얼 엔진 5(UE5) 머트리얼 에디터를 사용하여 **‘개수 조절이 가능한 태극(소용돌이) 문양’**을 만드는 과정을 보여주는 영상입니다. 텍스처 이미지를 사용하지 않고, **수학적 계산(Math Nodes)**만으로 패턴을 만들어내는 프로시저럴(Procedural) 머트리얼 제작 방식입니다.

 

영상의 내용을 바탕으로 핵심 로직을 분석해 드립니다.

 

 

1. 핵심 원리: 극좌표계 (Polar Coordinates) 변환

이 머트리얼의 가장 중요한 기초 공사는 사각형인 UV 좌표(Cartesian)를 원형인 **극좌표(Polar)**로 변환하는 것입니다.

TexCoord & Subtract: TexCoord 노드에서 0.5를 빼서 UV의 원점(0,0)을 텍스처의 좌상단에서 중앙으로 이동시킵니다.

BreakOutFloat2Components: U(X축)와 V(Y축) 성분을 분리합니다.

Atan2 (아크탄젠트): 중앙을 기준으로 각 픽셀의 **각도(Angle)**를 구합니다. 이것이 회전하는 그라데이션을 만듭니다.

VectorLength (거리): 중앙에서부터의 **거리(Radius)**를 구합니다. 이는 원형 마스크를 만들거나 소용돌이의 왜곡을 주는 데 사용됩니다.

 

 

2. 소용돌이(Swirl) 모양 만들기

단순한 방사형(피자 조각 모양)이 아니라, 태극 문양처럼 휘어지게 만들기 위해 각도에 거리를 더하는 방식을 사용합니다.

Add (각도 + 거리): 구해놓은 '각도' 값에 '거리' 값을 더합니다. 이렇게 하면 중심에서 멀어질수록 각도가 틀어지면서 회오리(Spiral) 모양이 형성됩니다.

Multiplier (파라미터): 거리에 곱해지는 숫자를 조절하여 회오리가 얼마나 급격하게 감길지(휘어짐 정도)를 결정합니다.

 

 

3. 개수 조절 (가변형 태극)

영상 제목의 "개수 조절 가능"한 기능은 Frac 노드와 **Multiply**를 통해 구현됩니다.

Multiply (개수 파라미터): 위에서 만든 회오리 각도 값에 특정 숫자(예: 3, 5, 8 등)를 곱합니다.

Frac: 소수점만 남기는 이 노드를 통과시키면, 0~1 사이의 값이 곱한 숫자만큼 반복됩니다.

예를 들어 3을 곱하고 Frac을 쓰면, 패턴이 3번 반복되어 **"3개의 날을 가진 태극(삼태극)"**이 됩니다. 영상 후반부(2:06)에서 이 숫자를 바꿔 날개 개수를 늘리는 것을 볼 수 있습니다.

 

 

4. 애니메이션 (Time)

Time: 시간이 지남에 따라 숫자가 계속 올라가는 노드입니다.

Add: 이 Time 값을 각도 계산 식에 더해주면, 패턴이 멈춰 있지 않고 계속 빙글빙글 회전하게 됩니다.

 

 

5. 모양 다듬기 (Sine, Power, SmoothStep)

단순한 그라데이션을 날카롭거나 부드러운 태극 문양으로 만들기 위한 후처리 과정입니다.

Sine: 반복되는 그라데이션을 부드러운 파동 형태로 만듭니다.

Power: 명암 대비를 조절하여 흐릿한 가장자리를 선명하게 하거나, 날개 모양을 뾰족하게 다듬습니다.

Step / SmoothStep (Lerp): 특정 값 이상은 1(흰색), 이하는 0(검은색)으로 잘라내어 깔끔한 마스크 형태로 만듭니다.

요약

 

이 영상은 UV 좌표를 각도와 거리로 변환한 뒤, **수학적 반복(Frac)**을 통해 태극 문양의 날개 개수를 파라미터로 제어하는 고급 테크니컬 아트(Tech Art) 기법을 보여주고 있습니다.

이 방식의 장점:

용량 절약: 텍스처 이미지를 쓰지 않아 메모리를 거의 차지하지 않습니다.

무한 해상도: 벡터 방식처럼 아무리 확대해도 깨지지 않습니다.

유연성: 날개의 개수, 회전 속도, 휘어짐 정도를 실시간으로 조절할 수 있습니다.



 

 



 

 

 

 

 

에반 언리얼5 이펙트 그룹과정[26년초 시작] : https://cafe.naver.com/unrealfx/20727

KUPAFX Stylized 유니티 이펙트 취업과정[26년 초봄 시작] : https://cafe.naver.com/unrealfx/21249

트리키 언리얼+후디니 활용 게임 VFX 연출과정 : https://cafe.naver.com/unrealfx/25629

 

max님의 쌩기초 메쉬활용 이펙트과정 1달특강 : https://cafe.naver.com/unrealfx/24469

eVan텍스쳐 단품과정 : https://cafe.naver.com/unrealfx/24468

rak 유니티 UI연출이펙트 : https://gamefx.co.kr/bbs/page.php?hid=Rak_intro

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
1280 2D 섭스턴스 디자인 - 색수차(Chromatic Aberration) 매직 오라 텍스처 만들기(한글자막) 금별 03:27 4
1279 언리얼4 언리얼 - 미호요 신작 스타일 Depth Fade와 UV 조작을 이용한 공간 포털 연출(한글자막) 금별 02:56 6
열람중 언리얼4 언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작 금별 02:55 5
1277 언리얼4 언리얼 - AAA 게임 개발에서의 나이아가라 모듈(Niagara Module) 연구 및 적용 금별 02:55 6
1276 유니티 유니티 - 유니티 스플라인 카메라 무브먼트 예제(워프 효과 연출) 금별 02:29 9
1275 언리얼4 언리얼 - 간단한 스타일라이즈드 불효과 제작과정팁 금별 02:26 8
1274 언리얼4 Simple Stylized Tornado VFX in UE5 Niagara! (Torus Mesh, Erode & Dynamic Params) ????️????✨ ashif 12.15 11
1273 2D 섭스턴스 디자인 - 움푹 파인 바닥 절차적 제작과정(한글자막) 금별 12.10 66
1272 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part3(한글자막) 금별 12.10 74
1271 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part2(한글자막) 금별 12.10 54
1270 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part1(한글자막) 금별 12.10 60
1269 언리얼4 언리얼 - 나이아가라 나선형 파티클 구현 과정 금별 12.04 116
1268 언리얼4 Create a Bubble Shield VFX in UE5 Niagara! (Character Defense & Multi-Layer Bubbles) ????️ ashif 12.02 130
1267 언리얼4 언리얼 - 흡입형 화면이 빨려들어가는 느낌 스크린 이펙트 제작과정(한글자막) 금별 12.02 161
1266 언리얼4 언리얼 - 물결무늬 에너지 실드 소재 제작과정(한글자막) 금별 12.02 140
1265 2D 포토샵 - 빛 효과 텍스쳐 간단 제작방법팁 금별 12.02 130
1264 3D 후디니 - COP 활용한 검기 텍스쳐 생성 과정(한글자막) 금별 11.24 207
1263 유니티 유니티 - ASE 활용 포털 조각 분리 및 트위스트 애니메이션 제작과정(한글자막) 금별 11.24 199
1262 언리얼4 언리얼 - 나이아가라 파티클 위치 및 곡선(Arc) 제어과정 금별 11.24 219
1261 언리얼4 언리얼5 - 나이아가라 객체 회전 예제 금별 11.24 200
1260 유니티 유니티 - (퀵팁) 간단한 파티클 orbit 움직임제어팁 금별 11.20 200
1259 언리얼4 언리얼5.7기준 - 나이아가라의 확장성 및 모범 사례 금별 11.17 235

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand