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

오디오 반응 펄스Audio Reactive Pulse

Audio Reactive Pulse
오디오 반응 펄스
다른 이름Also known as · Audio reactive pulse · Audio Reactive Shape Pulse · 오디오 반응 도형 맥박
073
렌더 추가 예정CLIP COMING오디오 반응 펄스Audio Reactive Pulse정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 073. 오디오 반응 펄스 · Audio Reactive Pulse · none

소리의 저음이나 고음 세기에 맞춰 도형의 크기와 빛의 세기가 함께 변한다Shape size and glow intensity follow the low or high frequency strength of the sound.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
음악과 화면이 하나의 사건처럼 느껴진다. 소리를 눈으로 볼 수 있게 만든다Music and picture feel like one event, making sound visible.
언제 쓰나Use whenUSE WHEN
  • 뮤직 비디오나 로고 인트로에서 소리에 반응하는 요소가 필요할 때
  • 배경 글로우가 음악과 함께 호흡하게 할 때
  • Need sound-reactive elements in a music video or logo intro.
  • Let a background glow breathe with the music.
과용 주의AvoidAVOID
  • scale 변화 6% 초과 금지
  • 실시간 분석 금지(미리 뽑은 배열만)
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

저음 밴드 값에 따라 로고가 최대 4%만 커지고 글로우가 30% 이하로 밝아진다. 30fps로 미리 뽑은 16밴드 배열을 사용한다

과용 · 나쁜 사례OVERUSE

scale이 20% 이상 출렁여 로고가 튀고 글로우가 화면을 덮는다. 재생 중에 오디오를 실시간 분석해 seek가 안 된다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
프레임율30fps24~60fps배열 샘플 간격 33ms
주파수 밴드168~32저음은 밴드 0~2
scale 변화4% 이하2~6%1+amp*0.04
glow 변화30% 이하15~40%opacity로
GSAP
const amp = bassEnvelope; // [0..1] 배열, 30fps로 사전 추출
tl.to({}, { duration: amp.length / 30, ease: 'none', onUpdate() {
  const a = amp[Math.min(amp.length - 1, Math.floor(this.time() * 30))];
  gsap.set('.logo', { scale: 1 + a * 0.04 }); gsap.set('.glow', { opacity: 0.4 + a * 0.3 }); } }, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 로고가 저음에 반응하도록 만들어줘. 30fps로 미리 뽑아 둔 bass.json 배열(0~1)을 읽어 scale을 1+amp*0.04, 글로우 opacity를 0.4+amp*0.3으로 매 프레임 설정해. 재생 중 오디오 분석은 쓰지 말고 타임라인 time()으로 배열을 인덱싱해줘.

Make the logo in <target> react to bass. Read a pre-extracted bass.json (30fps, values 0 to 1) and set scale to 1+amp*0.04 and glow opacity to 0.4+amp*0.3 every frame. Do not analyze audio at playback; index the array with timeline time().

Codex

<파일>에 audio reactive pulse를 구현해. 입력은 bass.json(30fps, 0~1). scale = 1+amp*0.04, glow opacity = 0.4+amp*0.3. onUpdate에서 index = floor(time*30). 킥이 있는 시점 두 곳과 무음 시점 한 곳을 캡처해 킥에서만 scale이 커지는지, 최대 scale이 1.04를 넘지 않는지 확인해.

Implement audio reactive pulse in <file>. Input is bass.json (30fps, 0 to 1). scale = 1+amp*0.04, glow opacity = 0.4+amp*0.3, index = floor(time*30) in onUpdate. Capture two kick moments and one silent moment to verify scale grows only on kicks and never exceeds 1.04.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
음량 배열은 오프라인에서 ffmpeg 등으로 미리 뽑아 JSON으로 넣는다. onUpdate에서 time()으로 인덱싱하면 seek도 결정론적이다
ReelForgeBRIEF TO VIDEO
씬 워커 브리프에 음악 파일, 배열 경로, 밴드 번호, scale 4%, glow 30%를 싣는다
Scrolline DeckSCROLL SCRUB
음악이 없으므로 amp 대신 스크롤 속도나 진행률의 사인파를 입력으로 쓰거나 이 효과는 생략한다
06

잘 맞는 조합Pairs well with

07

출처Sources

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