효과Effects / 입자·생성Generative / Nº 535

빗줄기Rain Streaks

Rain Streaks

빗줄기

다른 이름Also known as · 빗줄기 낙하

535

렌더 추가 예정CLIP COMING빗줄기Rain Streaks정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 535. 빗줄기 · Rain Streaks · none

가는 선들이 같은 방향으로 빠르게 떨어지고 바닥에서 작은 흔적을 남기는 빗줄기Thin lines fall fast in one direction and leave small marks on the ground.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

날씨, 속도, 긴장감. 조용한 비부터 폭우까지 밀도로 강도를 조절한다Weather, speed and tension. Intensity is controlled by density, from a quiet drizzle to a downpour.

언제 쓰나Use whenUSE WHEN

우울하거나 긴장된 장면의 배경 분위기를 만들 때
비 오는 도시 밤 같은 시네마틱 인트로를 만들 때

Build a gloomy or tense atmosphere behind a scene.
Make a cinematic intro such as a rainy city at night.

과용 주의AvoidAVOID

줄기 길이 40px 초과 금지
불투명도 0.5 초과 금지(본문 방해)

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

빗줄기 180개가 초속 500px로 12도 기울어 떨어지고 바닥 근처에서 반지름 8px 링으로 흩어진다

과용 · 나쁜 사례OVERUSE

줄기가 너무 밝고 길어 화면이 하얗게 줄무늬로 덮이거나, 줄기 사이 속도 차이가 없어 평면적이다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
줄기 수	180	80~300	고정 배열
속도	500px/s	350~800	수직 성분 기준
길이	12~28px	10~40	속도에 비례
기울기	12deg	0~20	고정 방향
링 반경	8px	5~12px	바닥 충돌 흔적

GSAP

const D = Array.from({ length: 180 }, (_, i) => ({ x: (i * 97) % 1920, o: (i * 0.618) % 1, s: 350 + (i % 5) * 60, l: 12 + (i % 4) * 5 }));
const u = { t: 0 };
tl.to(u, { t: 4, duration: 4, ease: 'none', onUpdate() { D.forEach(d => {
  const y = ((d.o * 1200 + d.s * u.t) % 1200) - 100, x = d.x + y * Math.tan(12 * Math.PI / 180);
  drawLine(x, y, x - d.l * 0.2, y - d.l); }); } }, 0);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 배경에 빗줄기를 넣어줘. 줄기 180개가 초속 350~590px(5단계)로 12도 기울어 떨어지고 길이는 12~27px로 4단계, 색은 #bcd4ff 불투명도 0.35로 해. 위치는 (오프셋+속도*t) mod 1200으로 계산해 4초 루프가 이어지게 하고, 화면 아래 y 1020 근처에서 반지름 8px 링이 0.3초 퍼지게 해.

Add rain streaks to the background of <target>. 180 streaks fall at 350 to 590px per second (5 speed steps) tilted 12 degrees, length 12 to 27px in 4 steps, color #bcd4ff at 0.35 opacity. Compute position as (offset + speed*t) mod 1200 so a 4-second loop closes, and let 8px-radius rings spread for 0.3 seconds near y 1020.

Codex

<파일>의 캔버스에 줄기 180개 배열(x=(i*97)%1920, 오프셋 (i*0.618)%1, 속도 350+(i%5)*60, 길이 12+(i%4)*5)을 만들어. y=((o*1200+s*t)%1200)-100, 기울기 12도. t는 4초 선형 tween. 0초와 4초 프레임이 같은지, 1.5초 캡처에서 줄기 밀도가 균일하고 글자 영역을 방해하지 않는지 확인해.

In the canvas of <file>, build 180 streaks (x=(i*97)%1920, offset (i*0.618)%1, speed 350+(i%5)*60, length 12+(i%4)*5). y=((o*1200+s*t)%1200)-100 with a 12 degree tilt. Tween t linearly over 4 s. Capture 0 s and 4 s to confirm they match, and 1.5 s to confirm density is even and text areas are not disturbed.