언리얼5 - 커스텀 노드: UV 스케일 및 이동(Scale & Translate) 직접 만들기



언리얼5 - 커스텀 노드: UV 스케일 및 이동(Scale & Translate) 직접 만들기

금별 0 262 2025.11.11 02:58

 

 

사용 기본코드

// Apply scaling to A

float2 scaledA = UV * Float4.xy;  // Scale using B.xy

// Apply translation to scaledA

float2 transformedA = scaledA + Float4.zw;  // Translate using B.zw

// Output the transformed UV coordinates

return transformedA;

 

 

 

 

 


주제 : UE5에서 사용자 정의 UV 노드 생성 (UV 스케일 및 이동)
문제 제기 : UE5에는 UV 좌표를 이동(Translate)시키는 기본 노드가 없다는 점을 발견하여, 이를 해결하기 위해 커스텀 노드를 제작함.
핵심 해결책 : UE 머티리얼 에디터의 `Custom` 노드를 활용하여 HLSL 코드를 직접 작성 및 적용.


1. 커스텀 노드 코드 및 원리

작성된 코드는 UV 좌표에 스케일과 이동을 동시에 적용하는 기능을 수행합니다.

???? HLSL 코드

hlsl

// Apply scaling to A
float2 scaledA = UV Float4.xy; // Scale using B.xy
// Apply translation to scaledA
float2 transformedA = scaledA + Float4.zw; // Translate using B.zw
// Output the transformed UV coordinates
return transformedA;


???? 작동 원리

`UV`: 입력으로 들어오는 기본 UV 좌표(float2).
`Float4`: 스케일과 이동 값을 포함하는 4차원 벡터(float4).
`Float4.xy`: UV 스케일 값 (U 스케일, V 스케일)으로 사용.
`Float4.zw`: UV 이동(Translate) 값 (U 이동, V 이동)으로 사용.
프로세스: 기본 UV 좌표에 `Float4.xy`를 곱하여 스케일을 적용한 후, 여기에 `Float4.zw`를 더하여 이동을 적용합니다.

-----

2. UE 머티리얼 에디터 적용 방법

1. `Custom` 노드 추가: UE 머티리얼 그래프에 `Custom` 노드를 배치합니다.
2. 코드 붙여넣기: 노드의 기본 코드를 지우고 위에서 작성한 HLSL 코드를 붙여넣습니다.
3. 입력 및 출력 설정:
Inputs (입력): 코드에 사용된 변수 이름인 `UV` (UV 좌표)와 `Float4` (4차원 벡터 제어값)로 설정합니다.
Output (출력): 결과로 변환된 UV 좌표를 출력합니다.
4. 노드 연결: `Float4` 입력에는 `Color` 노드나 `AppendMany` 노드를 연결하여 4개의 채널(RGBA)에 스케일 및 이동 값을 할당합니다.
5. 노드 이름 지정: 노드에 `UV 스케일링 변위` (UV 스케일/이동)와 같이 적절한 이름을 지정하여 재사용성을 높입니다.

-----

3. 기타 논의 및 의견

UV 이동의 대안: 댓글에서 다른 사용자가 중앙점 이동의 경우 내장 노드에 2차원 벡터를 추가하는 방식(기본 UV - 0.5*2 + 2차원 벡터)으로도 이동이 가능하다고 지적했고, 작성자 역시 이를 인정하며 이전에 UE를 오래 접하지 않아 생각하지 못했다고 밝혔습니다.
Panner 노드: UV 흐름(애니메이션)에 대해서는 `Panner` 노드라는 기본 노드가 존재한다고 언급했습니다.
변수명 변경 시 유의사항: `Float4` 노드의 이름을 변경할 경우, 코드에서 원래 변수(예: RGBA)를 인식하지 못하고 오류가 발생할 수 있으므로, `AppendMany` 등의 노드를 사용하여 변수명을 일치시키는 연결 방식을 사용해야 함을 설명했습니다.

 

 

 

 

 

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

KUPAFX Stylized 유니티 이펙트 취업과정 : 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


번호 포토 분류 제목 글쓴이 날짜 조회
1281 언리얼4 Heat Distortion VFX for Fire in UE5 Niagara! (Photoshop & Normal Map Workflow) ????????✨ ashif 2025.12.16 141
1280 2D 섭스턴스 디자인 - 색수차(Chromatic Aberration) 매직 오라 텍스처 만들기(한글자막) 금별 2025.12.16 157
1279 언리얼4 언리얼 - 미호요 신작 스타일 Depth Fade와 UV 조작을 이용한 공간 포털 연출(한글자막) 금별 2025.12.16 225
1278 언리얼4 언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작 금별 2025.12.16 129
1277 언리얼4 언리얼 - AAA 게임 개발에서의 나이아가라 모듈(Niagara Module) 연구 및 적용 금별 2025.12.16 150
1276 유니티 유니티 - 유니티 스플라인 카메라 무브먼트 예제(워프 효과 연출) 금별 2025.12.16 109
1275 언리얼4 언리얼 - 간단한 스타일라이즈드 불효과 제작과정팁 금별 2025.12.16 115
1274 언리얼4 Simple Stylized Tornado VFX in UE5 Niagara! (Torus Mesh, Erode & Dynamic Params) ????️????✨ ashif 2025.12.15 97
1273 2D 섭스턴스 디자인 - 움푹 파인 바닥 절차적 제작과정(한글자막) 금별 2025.12.10 140
1272 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part3(한글자막) 금별 2025.12.10 148
1271 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part2(한글자막) 금별 2025.12.10 98
1270 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part1(한글자막) 금별 2025.12.10 111
1269 언리얼4 언리얼 - 나이아가라 나선형 파티클 구현 과정 금별 2025.12.04 196
1268 언리얼4 Create a Bubble Shield VFX in UE5 Niagara! (Character Defense & Multi-Layer Bubbles) ????️ ashif 2025.12.02 173
1267 언리얼4 언리얼 - 흡입형 화면이 빨려들어가는 느낌 스크린 이펙트 제작과정(한글자막) 금별 2025.12.02 226
1266 언리얼4 언리얼 - 물결무늬 에너지 실드 소재 제작과정(한글자막) 금별 2025.12.02 183
1265 2D 포토샵 - 빛 효과 텍스쳐 간단 제작방법팁 금별 2025.12.02 177
1264 3D 후디니 - COP 활용한 검기 텍스쳐 생성 과정(한글자막) 금별 2025.11.24 243
1263 유니티 유니티 - ASE 활용 포털 조각 분리 및 트위스트 애니메이션 제작과정(한글자막) 금별 2025.11.24 249
1262 언리얼4 언리얼 - 나이아가라 파티클 위치 및 곡선(Arc) 제어과정 금별 2025.11.24 265
1261 언리얼4 언리얼5 - 나이아가라 객체 회전 예제 금별 2025.11.24 241
1260 유니티 유니티 - (퀵팁) 간단한 파티클 orbit 움직임제어팁 금별 2025.11.20 256

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand