커서 브러시 인물 전환

EFFECT PREVIEW

효과 하나만 따로 떼어 보여줍니다. 실제로 움직여 보고 고르세요. 각 카드의 수치·트리거·모바일 대체가 그대로 명세서에 들어갑니다.

중간

커서가 지나간 자리에만 두 번째 사진이 붓으로 칠한 것처럼 드러나고, 손을 떼면 서서히 사라진다. 움직인 궤적이 곧 형태가 된다. 시술 전/후·시공 전/후·착용 전/후에 그대로 쓴다.

이미지 위에서 커서를 움직여 문질러 보세요 — 손을 떼면 서서히 사라집니다

적용 대상	히어로 배경(같은 구도 사진 2장 — 전/후)
트리거	pointermove (canvas 2D · GSAP 불필요 · 바닐라 JS)
수치·구현	버퍼 캔버스에 붓자국 누적 → 매 프레임 감쇠 → 그 자국을 마스크로 after 오려내기. 합성 3단: destination-out(감쇠) → lighter(덧칠) → destination-in(오려내기) · 반감기 140ms(시간 기준 감쇠라 프레임률 무관) · 붓 = 카드 짧은 변 ×0.075(42~88px) · 붓 모양은 원이 아니라 40각형 반지름을 값 노이즈로 흔든 것(원이면 칠한 느낌이 안 난다) · 프레임 간 이동거리를 붓 크기로 나눠 최대 12스탬프 보간(빠르게 그어도 안 끊김) · 버퍼는 절반 해상도(비용 1/4, 어차피 흐릿해 품질차 없음)
모바일	호버가 없으므로 9초 주기 자동 sweep(보이지 않는 손이 훑고 지나감). prefers-reduced-motion 이면 리빌 끄고 before 정지 이미지만
필요 이미지	2장