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



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

금별 0 1,019 2025.12.16 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


번호 포토 분류 제목 글쓴이 날짜 조회
1359 언리얼4 UEFN VFX Tutorial | Make TORNADO (UE6 Ready) ????️ ashif 08.08 27
1358 언리얼4 Poison Burst in Unreal Engine 5 Niagara ashif 08.07 28
1357 언리얼4 UEFN VFX Tutorial | Make LASER BEAM (UE6 Ready) ⚡ ashif 08.07 32
1356 사이트/튜토추천 Lightning Buff in Unreal Engine 5 Niagara ashif 08.05 32
1355 언리얼4 언리얼 자료 - 무료 2D TransitionFX v1.3 금별 08.02 85
1354 언리얼4 Stylzied 폭포 간단 제작과정 금별 08.02 75
1353 3D 후디니 - COP활용 Stylized 느낌 물 소용돌이 제작팁 금별 07.15 208
1352 언리얼4 언리얼 - 논텍스처 UV 기반 기하학적 패턴/애니메이션 제작팁 금별 07.15 200
1351 언리얼4 언리얼5 - 간단한 공간 균열 제작 워크플로우 금별 07.08 298
1350 언리얼4 언리얼5 - 스크래치 패드활용 간단한 나이아가라 파티클 전체 회전 금별 07.08 245
1349 유니티 유니티 - Stylized 기본 검기 제작04_기본 검광 제작 (전체 워크플로) 금별 07.08 231
1348 유니티 유니티 - Stylized 기본 검기 제작03_검광 모델, 텍스처 및 UV 생성 금별 07.08 192
1347 유니티 유니티 - Stylized 기본 검기 제작02_검기의 구성과 리듬 금별 07.08 190
1346 유니티 유니티 - Stylized 기본 검기 제작01_파티클 시스템 소개 금별 07.08 211
1345 언리얼4 You need this Explosion in Unreal Engine 5 Niagara ashif 07.07 159
1344 언리얼4 언리얼 - 사실적인 데칼 균열 제작과정(한글자막) 금별 06.01 641
1343 언리얼4 언리얼 - 물결 형태 텍스쳐 트랜지션 효과 제작과정(한글자막) 금별 06.01 548
1342 언리얼4 언리얼 - Niagara에서 정적 메시를 사용하여 사용자 지정 파티클 모양 만들기 금별 05.17 614
1341 언리얼4 언리얼 - 포스트 프로세스 2D 페이지 넘김 효과 머트리얼 예제 금별 05.17 525
1340 언리얼4 언리얼 - AI 활용 블랙홀 셰이더를 업그레이드(한글자더빙) 금별 05.17 549
1339 유니티 유니티 - 호박(Amber) 셰이더 제작과정(한글자막) 금별 05.12 494
1338 언리얼4 언리얼 - HLSL 심층 설명 4_레이마칭 활용 평면정사각형 메시 3D 구체로 변형 금별 05.12 516

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand