📅 2026-07-08

저는 오늘부터 30일간 매일 1개씩 Material을 만들어볼겁니다!(유튜브 톤으로)

주제

Radial Ring이 뭘까?

• Radial Gradient = 중앙이 밝고 바깥으로 갈수록 어두워짐
• Radial Ring = 중앙은 비었고 반지름 위치만 밝음

Radial

Radial은 중심에서 밖으로 퍼지는 방향이라는 뜻이다.

Material에서는

• 중심점 = UV (0.5, 0.5)
• 현재 픽셀 위치 = UV (U, V)
• 두 점 사이의 거리 = Distance

Radial Material은 중심으로부터의 거리값을 이용한다.

그래서 Radius = 0.35인 Radial Ring을 만들면

• 중심 거리 0.00 = 어두움
• 중심 거리 0.20 = 어두움
• 중심 거리 0.35 = 밝음
• 중심 거리 0.50 = 어두움

Ring

일단 Ring에는 2개의 개념이 필요한데
1. Radius = 고리가 생길 위치
2. Width = 고리의 두께

핵심 수식은

float dist = distance(UV, Center);
float ring = 1 - saturate(abs(dist - Radius) / width);

distance(UV, Center)

• 중심에서 현재 픽셀까지의 거리

dist - Radius

• 내가 원하는 링 위치에서 얼마나 벗어났는가

abs(dist - Radius)

• 안/밖 상관없이 링 위치와의 거리 차이

/ width

• 링 두께 조절

saturate( ... )

• 링 중심선에 가까울수록 밝게, 멀수록 어둡게

결과