언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막)



언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막)

금별 0 12 11:33

파트 1. VFX 기술 심층 요약

1. 영상 주제 및 학습 목표
- 주제는 쉐이더(Shader)만을 이용해 UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과를 구현하는 것으로, 평면 텍스처를 시각적 착시로 아래쪽으로 뻗어나가듯 쌓아 깊이 맵(Depth Map) 효과를 내는 기술이다. 구현 목적은 HLSL 등 셰이더 언어에서 카메라의 뷰 방향을 활용해 레이 마칭(Ray Marching) 원리를 적용, 단일 텍스처로 다층 레이어를 계산적으로 생성하여 두께감과 입체감을 부여하는 데 있으며, 이는 VFX에서 저비용으로 현실적인 깊이 표현을 가능하게 한다.

2. 전체 제작 프로세스 상세 단계
- 입력 요소 설정: UV, View Direction(카메라 벡터), TextureObject(TextureSample 대신 사용해 텍스처 입력).
- Ray Direction 계산: View Direction에 -1(또는 -0.5)을 곱해 카메라 반대 방향(아래쪽)으로 변환, 레이어 스태킹 방향을 평면 아래로 맞춤.
- For 루프 초기화: i=0부터 25~35층까지 반복, 층 수 증가로 선명도 조절 및 깊이감 강화.
- UV 오프셋 계산: 각 루프에서 UV + (Ray Direction  0.15  i), 0.15 스케일링으로 층 간격 촘촘히 유지해 두께감 시각화.
- 텍스처 샘플링: 오프셋 UV로 TextureObject 샘플링, r 채널 마스크 적용(검은 영역만 추출, 흰 영역 제거).
- 누적 렌더링: Lerp 함수로 이전 결과와 신규 샘플을 블렌딩, 마스크 기반으로 평면 아래 쌓임 효과 누적.
- 색상 변화 추가: Time 입력과 Sine(i) 곱셈으로 루프별 그라데이션 적용, 동적 시각 효과 완성.

-------------------------


파트 2. 시간대별 주요 흐름 요약

- [00:00] 강의 시작과 목표 소개, 왼쪽 오목볼록 효과(전문 용어 까먹음) 구현 목표 제시.
- [00:12] 레이어를 UV로 아래 쌓아 쉐이더만으로 깊이감 효과 원리 설명.
- [00:29] HLSL 등에서 깊이 맵 생성 원리: 평면 계산으로 아래 뻗음, 단일 종이 조각을 레이어로 쌓아 시각적 뻗음 효과.
- [00:52] 레이어 연결 문제: 조각 간 거리와 방향 설정 필요, 보통 아래 방향.
- [01:11] UE 데모로 방향 설명: 카메라 View Direction(먼 곳에서 카메라로 들어오는 방향) 사용.
- [01:57] View Direction에 -1 곱해 Ray Direction으로 변환, 레이어 아래 쌓임 방향 맞춤.
- [02:14] 입력 설정: UV, View Direction, TextureObject(TextureSample 아님)로 텍스처 입력.
- [03:07] Ray Direction = View Direction  -1 이유: 반대 방향으로 스태킹 필요, -0.5 등 부호/크기 조절 가능(간격 영향).
- [04:04] TextureObject 사용 후 Sample로 샘플링 테스트, 에러 수정(Texture2D Sample).
- [05:35] For 루프(25층)로 레이어 스태킹: UV + Ray Dir  0.15  i, 층 간격 촘촘히.
- [07:28] r 채널 마스크 적용: 검은 부분만 스태킹, Lerp로 평면 아래 쌓임 효과.
- [08:36] 기본 효과 완성, 레이어 수 증가(35층)로 선명도 조절.
- [09:11] 색상 변화: Time + Sine(i) 곱셈으로 루프별 그라데이션.
- [10:08] 최종 요약: For 루프와 UV로 평면 아래 쌓임 깊이 맵 완성.

-------------------------


파트 3. AI 기술 첨언 및 피드백

- 기술적 보완 제안: 레이어 수를 Time이나 노이즈(Perlin Noise)로 동적 변조해 자연스러운 깜빡임 방지, Ray Direction에 카메라 거리(Far Plane) 곱해 원거리에서 왜곡 최소화, Anti-Aliasing 위해 Sample Bias 추가(0.001~0.01)로 계단 현상 완화, 최적화 위해 루프 상한을 Distance Field로 조기 종료.
- 학습 포인트 피드백: Ray Marching의 UV 오프셋 계산과 View Direction 반전(-1 곱셈)이 핵심, 층 간 스케일링(0.15)의 인과(촘촘함 → 두께감 착시)를 이해해야 실무에서 커스텀 깊이 맵(예: UE Material Function) 제작 가능, For 루프 내 마스크 Lerp 누적이 VFX 입체감의 기반 역량.

-------------------------


파트 4. 핵심 기술 용어 및 파라미터 사전

- 주요 기술 용어 해설

1. View Direction - 카메라에서 먼 곳으로 들어오는 벡터 방향(카메라 반대), 영상에서 평면(땅) 기준 위쪽으로 계산되며 Ray Direction 변환 기반으로 사용되어 레이어 스태킹의 초기 방향 결정.
2. Ray Direction - View Direction  -1(또는 -0.5)로 반전된 벡터, 아래쪽 쌓임 방향 정의로 레이어 UV 오프셋의 진행 방향 제어, 착시 깊이 효과의 핵심 축.
3. TextureObject - TextureSample과 달리 객체 형태로 텍스처 입력 함수, 영상에서 BaseTexture 연결 후 Sample 호출로 다중 샘플링 지원, 에러 방지와 유연한 그래픽스 입력 역할.
4. Lerp - Linear Interpolation, 이전 누적 색상과 신규 샘플 간 선형 블렌딩, r 채널 마스크로 검은 영역만 쌓아 평면 아래 효과 선택적 적용.
5. Depth Map - 계산적 깊이 표현 맵, UV 레이어 스태킹으로 생성되어 오목볼록 시각화, 셰이더 단일 패스로 하드웨어 렌더링 최적화.

- 파라미터 수치 설정 이유

1. -1 (Ray Direction 곱셈) - View Direction(위쪽) 반전으로 아래 쌓임 방향 맞춤, 부호만 방향 전환하며 크기는 스태킹 속도 영향 없어 기본값으로 안정적 착시 생성.
2. 0.15 (UV 오프셋 스케일) - Ray Direction  0.15  i로 층 간격 촘촘히, 직접 곱 시 과도한 분리(멀어 보임) 방지해 두께감 시각화, 실험적 값으로 밀도 최적화.
3. 25~35 (For 루프 층 수) - 초기 25층으로 기본 깊이, 35로 증가 시 선명도 감소(블렌드 누적)로 자연스러운 깊이 완성, 과도 시 성능 저하 방지 의도.
4. r 채널 (마스크) - 텍스처 검은 영역(0)만 추출해 전체 패턴 아닌 부분 영역 스태킹, 흰 영역(1) 제거로 정밀한 평면 아래 효과 한정.

 

 

 

 

 

 



 

 

 

 

에반 언리얼5 이펙트 그룹과정[26년초 시작] : 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 언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막) 금별 11:33 13
1342 언리얼4 언리얼 - HLSL 심층 설명 3 -큰 원의 궤적을 따라 작은 원 배치효과(한글자막) 금별 11:30 11
1341 언리얼4 언리얼 - HLSL 심층 설명 2 -원형(Circle) 기반 쉐이더를 구현(한글자막) 금별 11:28 11
1340 언리얼4 언리얼 - HLSL 심층 설명 1 - 그라데이션 변화 도구 구현(한글자막) 금별 11:26 11
1339 언리얼4 Ice Powerup Aura FX in Unreal Engine 5 Niagara ashif 05.05 20
1338 언리얼4 Horror scene FX in Unreal Engine 5 Niagara ashif 05.04 35
1337 언리얼4 언리얼 - 03 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 54
1336 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_2단계 -스트립 트리거 매트릭스 금별 05.04 40
1335 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 42
1334 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_2단계 - 스트립 트리거 매트릭스 금별 05.04 43
1333 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 45
1332 언리얼4 언리얼 - 00 나이아가라 트레일 매직 매트릭스 효과: 초보자를 위한 속성 금별 05.04 41
1331 언리얼4 Heal Potion FX in Unreal Engine 5 Niagara ashif 05.03 74
1330 언리얼4 Heal Dome Shield FX in Unreal Engine 5 Niagara ashif 05.03 67
1329 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part3 금별 05.02 83
1328 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part2 금별 05.02 71
1327 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part1 금별 05.02 78
1326 언리얼4 언리얼 - 나이아가라 파티클 패스 애니메이션 제작팁 금별 04.29 115
1325 언리얼4 【UE5+Houdini】리듬 댄스 이페트 제작과정 파트 2 금별 04.29 95
1324 언리얼4 【UE5+Houdini】리듬 댄스 이페트 제작과정 파트 1 금별 04.29 97
1323 언리얼4 Gilded Aura FX in Unreal Engine 5 Niagara ashif 04.28 92
1322 언리얼4 Floating Rocks FX in Unreal Engine 5 Niagara ashif 04.26 118

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand