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



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

금별 0 665 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


번호 포토 분류 제목 글쓴이 날짜 조회
1344 언리얼4 Ice Projectile FX in Unreal Engine 5 Niagara ashif 05.06 33
1343 언리얼4 언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막) 금별 05.06 56
1342 언리얼4 언리얼 - HLSL 심층 설명 3 -큰 원의 궤적을 따라 작은 원 배치효과(한글자막) 금별 05.06 47
1341 언리얼4 언리얼 - HLSL 심층 설명 2 -원형(Circle) 기반 쉐이더를 구현(한글자막) 금별 05.06 40
1340 언리얼4 언리얼 - HLSL 심층 설명 1 - 그라데이션 변화 도구 구현(한글자막) 금별 05.06 50
1339 언리얼4 Ice Powerup Aura FX in Unreal Engine 5 Niagara ashif 05.05 40
1338 언리얼4 Horror scene FX in Unreal Engine 5 Niagara ashif 05.04 64
1337 언리얼4 언리얼 - 03 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 81
1336 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_2단계 -스트립 트리거 매트릭스 금별 05.04 63
1335 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 64
1334 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_2단계 - 스트립 트리거 매트릭스 금별 05.04 67
1333 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 67
1332 언리얼4 언리얼 - 00 나이아가라 트레일 매직 매트릭스 효과: 초보자를 위한 속성 금별 05.04 60
1331 언리얼4 Heal Potion FX in Unreal Engine 5 Niagara ashif 05.03 84
1330 언리얼4 Heal Dome Shield FX in Unreal Engine 5 Niagara ashif 05.03 75
1329 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part3 금별 05.02 107
1328 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part2 금별 05.02 83
1327 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part1 금별 05.02 91
1326 언리얼4 언리얼 - 나이아가라 파티클 패스 애니메이션 제작팁 금별 04.29 132
1325 언리얼4 【UE5+Houdini】리듬 댄스 이페트 제작과정 파트 2 금별 04.29 113
1324 언리얼4 【UE5+Houdini】리듬 댄스 이페트 제작과정 파트 1 금별 04.29 109
1323 언리얼4 Gilded Aura FX in Unreal Engine 5 Niagara ashif 04.28 103

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand