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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
열람중 언리얼4 언리얼5 - 커스텀 노드: UV 스케일 및 이동(Scale & Translate) 직접 만들기 금별 02:58 15
1250 언리얼4 Cracked Lava Rock Material in UE5! (3D Noise, Burning Cracks & Instance Control Tutorial) ???????????? ashif 11.05 72
1249 유니티 유니티 - ASE로 UV Flow + Noise 흔들림 기본 VFX 셰이더 제작과정(한글자막) part3 금별 11.05 89
1248 유니티 유니티 - ASE로 UV Flow + Noise 흔들림 기본 VFX 셰이더 제작과정(한글자막) part2 금별 11.05 58
1247 유니티 유니티 - ASE로 UV Flow + Noise 흔들림 기본 VFX 셰이더 제작과정(한글자막) part1 금별 11.05 78
1246 언리얼4 언리얼/3Ds Max - 우주 느낌의 하트 제작_2 머트리얼 적용과정 금별 10.28 189
1245 언리얼4 언리얼/3Ds Max - 우주 느낌의 하트 제작_1 모델링/UV 제작과정 금별 10.28 132
1244 언리얼4 후디니/언리얼 - 후디니 활용 절차적(프로시졀) 검기 메시,텍스쳐 VFX 제작 기법(한글자막) 금별 10.28 145
1243 언리얼4 언리얼5 - 음파 VFX 제작: Niagara Particle과 기본 Scene 제작 금별 10.28 158
1242 언리얼4 언리얼5 - 음파 VFX 제작: Material 연결과 원리 분석 금별 10.28 127
1241 언리얼4 언리얼5 - 음파 VFX 제작: 모델링과 텍스처 기초 금별 10.28 126
1240 언리얼4 언리얼5 - 디지털 트랜지션 생성 및 파티클 픽셀화 제작과정(한글자막) 금별 10.22 173
1239 언리얼4 언리얼 - 데몬슬레이어 아카자 스킬 VFX 분석 금별 10.22 194
1238 언리얼4 언리얼5 - 테크노 스타일 매직 어레이/포스트 프로세싱 그리드 링 흐름 효과 제작과정(한글자막) 금별 10.20 153
1237 언리얼4 언리얼5 - 오클루전 활용한 지면 균열 머트리얼 생성과정(한글자막) 금별 10.20 149
1236 언리얼4 언리얼 - Lightmap UV 제거를 위한 에디터 유틸리티 제작 금별 10.17 159
1235 언리얼4 언리얼 - 텍스처 패킹 자동화: 기술 아티스트를 위한 시간 절약 도구 금별 10.17 150
1234 언리얼4 언리얼 - 폴라 UV는 타일링 텍스처 간단 활용 금별 10.17 135
1233 언리얼4 언리얼5 - 원형 링 마법진 왜곡 효과 구현 팁 금별 10.15 230
1232 언리얼4 언리얼5 - 물결 패턴 Normal Map 블렌딩 & 질감 교체 가이드 금별 10.15 210
1231 언리얼4 언리얼5 VFX 프로젝트 조직화 가이드: 폴더부터 명명 규칙까지(한글자막) 금별 10.14 200
1230 유니티 유니티 - Stylized 마법구 발사체 효과 제작과정 금별 10.14 230

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand