레이저 점화Laser Ignite Text

Laser Ignite Text

레이저 점화

다른 이름Also known as · Laser ignite

630

렌더 추가 예정CLIP COMING레이저 점화Laser Ignite Text정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 630. 레이저 점화 · Laser Ignite Text · power3.in (광선) / power2.out (감쇠)

두 광선이 단어 자리에 모이고 그 접점에서 글자가 켜지는 레이저 점화 효과Two beams converge on the word position and the letters ignite at the point of contact.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

빛으로 정보를 만들어 낸다는 무대감. 단어가 에너지로 태어나는 순간이 있다A stage-like sense of information being made from light: the word is born as energy.

언제 쓰나Use whenUSE WHEN

제품명·슬로건을 극적으로 처음 공개하는 순간
어두운 배경의 타이틀 오프닝

The dramatic first reveal of a product name or slogan
Title openers on dark backgrounds

과용 주의AvoidAVOID

광선이 글자보다 최소 2프레임(0.067초) 먼저 도착해야 한다
발광 감쇠 후에는 글자만 또렷이 남긴다. 번짐이 남으면 안 된다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

두 광선이 화면 양쪽에서 2프레임 먼저 단어 중심에 도달하고 100ms 안에 글자가 켜진 뒤 300ms 동안 빛이 감쇠한다

과용 · 나쁜 사례OVERUSE

광선이 글자와 동시에 그려지거나 광선이 도착하기 전에 글자가 켜져 원인과 결과가 뒤바뀐다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
광선 이동	0.35s	0.25~0.5s	양쪽에서 중심으로
선행	2프레임	2~4	글자보다 먼저 도착
점화	100ms	80~150ms	글자 opacity와 glow
빛 감쇠	300ms	200~500ms	text-shadow 소멸

GSAP

tl.fromTo('.beam.l', {x:-700, opacity:1}, {x:0, duration:0.35, ease:'power3.in'}, 0.2)
  .fromTo('.beam.r', {x:700, opacity:1}, {x:0, duration:0.35, ease:'power3.in'}, 0.2)
  .set('.word', {opacity:1}, 0.6)
  .fromTo('.word', {textShadow:'0 0 40px #7cf'}, {textShadow:'0 0 0px #7cf', duration:0.3, ease:'power2.out'}, 0.6)
  .to('.beam', {opacity:0, duration:0.1}, 0.6);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 단어를 레이저로 점화해줘. 양쪽에서 광선 두 줄이 0.35초 power3.in으로 단어 중심에 도착하고, 그보다 2프레임 뒤에 글자가 켜지며 40px glow가 0.3초 동안 감쇠해. 광선은 도착 0.1초 후 사라지고 글자만 남아.

Ignite the word in <target> with lasers. Two beams reach the word center from both sides in 0.35s power3.in; 2 frames later the letters switch on with a 40px glow that decays over 0.3s. The beams disappear 0.1s after arrival, leaving only crisp text.

Codex

<파일>에 laser ignite text를 적용해. .beam.l/.r x ±700에서 0을 0.2초부터 0.35초 power3.in, .word를 0.6초에 set opacity 1, textShadow 40px에서 0을 0.3초 power2.out, 광선 소멸 0.6초에 0.1초. 0.5초·0.62초·1.2초를 캡처해 광선 도착 전 글자가 없음, 점화 직후 glow, 감쇠 후 선명한 글자를 확인해.

Apply laser ignite text in <file>. .beam.l/.r x +/-700 to 0 from 0.2s over 0.35s power3.in; set .word opacity 1 at 0.6s; textShadow 40px to 0 over 0.3s power2.out; beams fade at 0.6s over 0.1s. Capture at 0.5s, 0.62s and 1.2s: no text before arrival, glow at ignition, crisp text after decay.