효과Effects / 원리 도해Explainer / Nº 383

조명 패스 누적Lighting Pass Accumulation

Lighting Pass Accumulation

조명 패스 누적

다른 이름Also known as · Lighting pass accumulation

383

렌더 추가 예정CLIP COMING조명 패스 누적Lighting Pass Accumulation정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 383. 조명 패스 누적 · Lighting Pass Accumulation · power2.inOut

개별 조명의 결과가 차례로 나타나고 합쳐져 최종 화면이 밝아진다.Individual lighting passes appear and accumulate into the final composite.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

최종 영상이 여러 빛의 기여로 구성됨을 이해한다.Shows how multiple light contributions build a rendered image.

언제 쓰나Use whenUSE WHEN

조명 패스 누적으로 원인과 결과를 설명할 때
대응하는 요소를 같은 화면에서 순서대로 읽게 할 때

Explain causes and results using lighting pass accumulation.
Present corresponding elements in a readable sequence within the same view.

과용 주의AvoidAVOID

알파 교차 표시를 가산 합성이라고 설명한다.
설명 라벨과 대응 색을 동작 중에 바꾸지 않는다.

분류TagsTAGS

원리 도해Explainer 설명Explain 순서·흐름Sequence 설명 영상Explainer video 스크롤덱Scroll deck 발표Presentation 난이도 중급Intermediatecanvas

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

세 조명 패스를 가산 합성하고 각 빛의 기여를 이름으로 표시한다.

과용 · 나쁜 사례OVERUSE

알파 교차 표시를 가산 합성이라고 설명한다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
기본 지속	0.7s	0.49~0.98s	첫 동작 또는 후보의 기본 단계 길이
패스 간격	200ms	100~350ms	앞 패스를 유지한 채 다음 빛을 더한다
이징	power2.inOut	none \| power2.out \| power2.inOut	주파수 변화는 선형으로 두고 위치 변화는 완만하게 연결한다.

GSAP

const tl = gsap.timeline({paused:true});
const state={a:0,b:0,c:0},layers=[keyLight,fillLight,rimLight];
const draw=()=>{ctx.clearRect(0,0,1920,1080); ctx.save(); ctx.globalCompositeOperation="lighter"; layers.forEach((img,i)=>{ctx.globalAlpha=state[["a","b","c"][i]];ctx.drawImage(img,0,0);});ctx.restore();};
["a","b","c"].forEach((key,i)=>tl.to(state,{[key]:1,duration:0.7,ease:"power2.inOut",onUpdate:draw},i*0.9));
draw();

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 조명 패스 누적을 적용해. 개별 조명의 결과가 차례로 나타나고 합쳐져 최종 화면이 밝아진다. 자체 생성한 빛 레이어를 canvas에서 투명도와 가산 합성으로 겹친다. 기본 지속은 0.7s, 패스 간격은 200ms, 이징은 power2.inOut로 설정한다. 하나의 paused GSAP 타임라인으로 구성하고 seek할 때 좌표와 표시 상태를 다시 계산해.

Apply Lighting Pass Accumulation to <target> in <file>. Individual lighting passes appear and accumulate into the final composite. Use a base duration of 0.7s and power2.inOut; use three additive lighting passes lasting 700ms each with 200ms gaps and preserve semantic correspondence. Build one paused GSAP timeline and recompute geometry and visibility when seeking.

Codex

<파일>의 설명 장면에서 <대상>에 조명 패스 누적을 적용해. 기본 지속은 0.7s, 패스 간격은 200ms, 이징은 power2.inOut로 설정한다. 0초, 0.35초, 0.7초 시점을 캡처해 초기 상태, 중간 대응 관계, 첫 동작의 완료 상태를 확인해. 원본과 결과의 의미 대응 및 라벨 가독성을 검증해.

Implement Lighting Pass Accumulation in the explanatory scene of <file> for <target>, using 0.7s and power2.inOut with three additive lighting passes lasting 700ms each with 200ms gaps. Capture at 0, 0.35, and 0.7 seconds to check the initial state, intermediate correspondence, and completion of the first motion. Verify matching source and result elements and readable labels.