AWESOME AI MOTION
효과Effects / 강조·주의Emphasis / Nº 066

임계값 경고 펄스Threshold Pulse

Threshold Pulse
임계값 경고 펄스
다른 이름Also known as · Threshold counter pulse · 임계값 숫자 경고
066
렌더 추가 예정CLIP COMING임계값 경고 펄스Threshold Pulse정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 066. 임계값 경고 펄스 · Threshold Pulse · power2.out

값이 한계에 가까워질수록 숫자가 진해지고 튀어 오른다.A counter becomes more prominent and briefly scales up when it reaches a warning threshold.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
남은 용량이나 위험 구간을 알린다.Signals limited remaining capacity or an approaching limit.
언제 쓰나Use whenUSE WHEN
  • 저장 공간 잔량이 20% 이하로 떨어질 때
  • 남은 시간이 경고 구간에 진입할 때
  • Warn when remaining storage falls below 20 percent.
  • Emphasize a countdown entering its final warning range.
과용 주의AvoidAVOID
  • 색만으로 경고를 전달하지 않는다.
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

잔량이 20%에 도달하면 숫자가 1.12배로 0.2초 커졌다가 원래 크기로 돌아온다.

과용 · 나쁜 사례OVERUSE

임계값 밖에서도 계속 튀어 경고와 정상 상태가 구분되지 않는다.

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
임계값20%10~30%잔량 기준으로 이하에서 경고한다.
최대 배율1.121.06~1.16숫자 중심을 기준으로 한다.
팝 시간200ms120~300ms확대와 복귀에 각각 적용한다.
이징power2.outnone | power2.out | power2.inOut끝점을 넘지 않는 이징을 쓴다.
GSAP
const tl=gsap.timeline({paused:true});
const remaining=20, threshold=20;
if(remaining<=threshold){
  tl.fromTo('.counter',{scale:1,color:'#334155'},{scale:1.12,color:'#b91c1c',duration:0.2,ease:'power2.out'});
  tl.to('.counter',{scale:1,duration:0.2,ease:'power2.inOut'});
}
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>의 <대상>에 임계값 경고 펄스를 구현해. 값이 한계에 가까워질수록 숫자가 진해지고 튀어 오른다. 임계값 20%, 최대 배율 1.12, 팝 시간 200ms, 이징 power2.out를 적용하고 GSAP 코어의 paused 타임라인 하나로 seek 가능하게 작성해. 색만으로 경고를 전달하지 않는다.

Implement Threshold Pulse for <target> in <file>. A counter becomes more prominent and briefly scales up when it reaches a warning threshold. Use warning threshold: 20%; peak scale: 1.12; pulse duration: 200ms; easing: power2.out in a single paused GSAP core timeline that supports seeking. Use a warning label as well as color.

Codex

<파일>의 <대상> 장면에 임계값 경고 펄스를 적용해. 임계값 20%, 최대 배율 1.12, 팝 시간 200ms, 이징 power2.out를 사용하고 다음 동작을 구현해: 수치의 임계 근접도를 color와 스프링 초기 속도에 매핑한다. 플러그인과 Math.random 없이 작성하고 0.1초·0.24초·0.4초를 캡처해 초기 상태, 중간 변화, 최종 상태가 연속적이며 다음 예시와 맞는지 확인해: 잔량이 20%에 도달하면 숫자가 1.12배로 0.2초 커졌다가 원래 크기로 돌아온다.

Apply Threshold Pulse to the <target> scene in <file> using warning threshold: 20%; peak scale: 1.12; pulse duration: 200ms; easing: power2.out. A counter becomes more prominent and briefly scales up when it reaches a warning threshold. Use prepared data or geometry with GSAP core, no plugins, and no Math.random; capture at 0.1, 0.24, 0.4 seconds to verify continuous intermediate geometry, correct endpoints, and identical output after repeated seeks. Use a warning label as well as color.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
paused 타임라인 하나에 임계값 경고 펄스 상태를 넣고 seek(t)로 0.4초 구간을 재현한다. 현재 시간에서 도형을 계산해 프레임 누적을 피한다.
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 임계값 20%, 최대 배율 1.12, 팝 시간 200ms, 이징 power2.out를 싣고 입력 자료와 초기 도형 좌표를 고정한다. 잔량이 20%에 도달하면 숫자가 1.12배로 0.2초 커졌다가 원래 크기로 돌아온다.
Scrolline DeckSCROLL SCRUB
진행률 0~1을 0.4초 구간에 매핑해 같은 타임라인을 scrub한다. 시간량은 none, 시각 전환은 power2.out을 쓰고 스프링 대신 끝점을 넘지 않는 ease-out을 쓴다.
06

잘 맞는 조합Pairs well with

07

출처Sources

개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo