효과Effects / 데이터Data / Nº 281

오실로스코프 잔광Oscilloscope Trace

Oscilloscope Trace

오실로스코프 잔광

다른 이름Also known as · Oscilloscope trace

281

렌더 추가 예정CLIP COMING오실로스코프 잔광Oscilloscope Trace정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 281. 오실로스코프 잔광 · Oscilloscope Trace · none

빛점이 파형을 훑고 뒤의 선은 시간이 지나며 흐려진다.A bright sampling point leaves an exponentially fading waveform trail.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

시간에 따른 신호와 측정 도구의 작동을 보여준다.Evokes a working signal measurement instrument.

언제 쓰나Use whenUSE WHEN

측정 신호의 밝은 주사점 뒤에 300ms 잔광을 남긴다.
시간에 따른 신호와 측정 도구의 작동을 보여준다. 기준값과 대상을 함께 표시할 때.

Show a measured signal over time.
Keep the encoded values, labels, and visual state synchronized.

과용 주의AvoidAVOID

샘플 시각에서 잔광을 직접 계산한다.

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

측정 신호의 밝은 주사점 뒤에 300ms 잔광을 남긴다.

과용 · 나쁜 사례OVERUSE

이전 프레임을 누적해 seek 위치마다 잔광이 달라진다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
주사 지속	2000ms	1000~4000ms	한 화면 주사 기준
잔광 시간상수	300ms	150~600ms	지수 감쇠
격자	10x8	8x6~12x10	측정 단위 표시

GSAP

const tl=gsap.timeline({paused:true}),s={t:0};
tl.to(s,{t:2,duration:2,ease:'none',onUpdate:()=>{
 ctx.clearRect(0,0,1920,1080);
 for(let i=0;i<samples.length;i++){
  const age=s.t-i/samples.length*2;if(age<0)continue;
  ctx.globalAlpha=Math.exp(-age/0.3);ctx.fillRect(i*1920/samples.length,540-samples[i]*180,3,3);
 }ctx.globalAlpha=1;
}});

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>의 <대상>에 오실로스코프 잔광을 적용해. 주사 위치와 exp(-age/tau) 잔광을 프레임 시간에서 직접 계산한다. 주사 지속 2000ms; 잔광 시간상수 300ms; 격자 10x8을 적용한다. GSAP 코어의 paused 타임라인 하나로 seek 가능하게 만들고 임의 난수와 타이머를 쓰지 마.

Codex

<파일>의 설명 장면에서 <대상>에 오실로스코프 잔광을 적용해. 주사 위치와 exp(-age/tau) 잔광을 프레임 시간에서 직접 계산한다. 주사 지속 2000ms; 잔광 시간상수 300ms; 격자 10x8을 적용한다. 0초, 1초, 2초를 캡처해 시작 상태, 중간 진행, 최종 상태를 확인하고 같은 시각으로 다시 seek했을 때 좌표와 라벨이 같은지 검증해.

Implement Oscilloscope Trace on <target> in <file>. Scan the waveform over 2000ms on a 10 by 8 grid. Compute trail opacity from sample age using a 300ms exponential decay constant; redraw from absolute time. Use one paused GSAP core timeline, support seeking, and avoid random values and timers. Capture at 0s, 1s, and 2s to check the initial state, intermediate motion, and final state. Seek to each time again and verify identical geometry and labels.