효과Effects / 반복·앰비언트Loop & Ambient / Nº 615

레이더 스윕Radar Sweep

Radar Sweep

레이더 스윕

다른 이름Also known as · Radar and Scan Sweep · 레이더와 스캔 쓸기 · Scanning Sweep

615

렌더 추가 예정CLIP COMING레이더 스윕Radar Sweep정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 615. 레이더 스윕 · Radar Sweep · none

빛나는 선이나 부채꼴이 영역을 훑고 통과한 점이 잠깐 빛난다.A bright scan sweeps across an area and leaves brief highlights.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

탐색과 감지 활동을 알린다.Communicates scanning and detection.

언제 쓰나Use whenUSE WHEN

탐색 중임을 보여 줄 때
감지된 지점의 순서를 설명할 때

Show an active search.
Explain the order in which locations are detected.

과용 주의AvoidAVOID

본문과 겹치는 영역의 대비를 낮춘다.
동작 감소 설정에서는 정적인 대표 상태를 보여 준다.

분류TagsTAGS

반복·앰비언트Loop & Ambient 분위기Mood 브랜딩Branding 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 중급Intermediatecss

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

지도 위 스캔 부채꼴이 한 바퀴 돌며 감지점을 잠깐 밝힌다.

과용 · 나쁜 사례OVERUSE

검색이 끝나도 스캔을 계속 돌려 완료 여부를 숨긴다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
주기	3s	2~6s	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
회전량	360deg	360deg	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
잔광 지속	800ms	400~1200ms	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
스캔 폭	60deg	30~90deg	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.

GSAP

const tl = gsap.timeline({ paused: true });
tl.to('.sweep', { rotation: 360, duration: 3, ease: 'none' }, 0);
[0.4, 1.2, 2.1].forEach((t, i) => {
  tl.fromTo(`.hit-${i}`, { opacity: 0 }, { opacity: 1, duration: 0.1 }, t)
    .to(`.hit-${i}`, { opacity: 0, duration: 0.8 }, t + 0.1);
});

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 레이더 스윕을 구현해. 주기 3s, 회전량 360deg, 잔광 지속 800ms, 스캔 폭 60deg, 이징 none을 적용해. CSS conic-gradient를 회전하거나 canvas 스캔 거리로 점 밝기를 정한다. paused 타임라인과 절대 시간으로 구동하고 Math.random 없이 같은 시점의 상태를 재현해.

Implement Radar Sweep on <target>. Use period 3s; rotation 360deg; afterglow duration 800ms; scan angle 60deg; use none easing. Drive the effect with a paused GSAP timeline and absolute time, and reproduce the same state on every seek without Math.random. Keep foreground text readable.

Codex

<파일>의 레이더 스윕 장면 레이어에 적용해. 주기 3s, 회전량 360deg, 잔광 지속 800ms, 스캔 폭 60deg, 이징 none을 사용하고 본문과 분리해. 0초, 0.4초, 1.2초 시점을 캡처해 시작 상태와 중간 변화 및 대상 가독성을 확인하고 같은 시점을 다시 seek해 결과가 같은지 검증해.

Apply Radar Sweep to the scene layer in <file>. Use period 3s; rotation 360deg; afterglow duration 800ms; scan angle 60deg and none easing. Capture at 0, 0.4, and 1.2 seconds to check the initial state, motion progression, and foreground readability; seek to each time again to verify identical output.