인터랙티브 바이브 코딩 가이드북

스크램블 텍스트

텍스트가 스크램블되는 애니메이션 효과를 적용합니다.

스크램블 효과

컨트롤 패널

Text

스크램블될 텍스트

Scramble Speed

스크램블 속도(ms)

Start Delay

애니메이션 시작 전 대기 시간(ms)

Reveal Speed

각 문자가 복원되는 속도

Pause Time

반복 시 일시정지 시간(ms)

Characters

스크램블에 사용할 문자셋

Text Color

텍스트 색상

Variant

Typography 변형

Trigger

트리거 방식

Loop

반복 재생

인터렉션 아이디어

언제:컴포넌트가 마운트되거나 호버 이벤트가 발생할 때

무엇을:텍스트를

어떻게:랜덤 문자로 스크램블한 후 원래 텍스트로 순차적으로 복원하는 애니메이션으로 표현

바이브 프롬프트

TextScramble 컴포넌트를 만들어주세요. 이 컴포넌트는 텍스트가 스크램블되는 애니메이션 효과를 보여줍니다. text prop으로 스크램블할 텍스트를, speed prop으로 스크램블 속도를, delay prop으로 시작 전 대기 시간을 설정할 수 있게 해주세요. loop prop으로 반복 재생을, pauseTime prop으로 반복 시 일시정지 시간을, characters prop으로 스크램블에 사용할 문자셋을, revealSpeed prop으로 각 문자가 복원되는 속도를 설정할 수 있게 해주세요. trigger prop으로 auto, hover, manual 트리거 방식을 지원해주세요.