푸리에 회전 좌표Fourier Winding

Fourier Winding

푸리에 회전 좌표

다른 이름Also known as · Fourier rotating-frame explanation · 푸리에 회전 좌표 해설

378

렌더 추가 예정CLIP COMING푸리에 회전 좌표Fourier Winding정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 378. 푸리에 회전 좌표 · Fourier Winding · none

신호의 점들이 회전 좌표에 감기고 중심 또는 평균점이 주파수에 따라 움직인다.Signal samples wind around a rotating frame while their mean moves with frequency.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

특정 주파수 성분이 왜 드러나는지 이해한다.Reveals why a matching frequency produces a distinct mean displacement.

언제 쓰나Use whenUSE WHEN

푸리에 회전 좌표으로 원인과 결과를 설명할 때
대응하는 요소를 같은 화면에서 순서대로 읽게 할 때

Explain causes and results using fourier winding.
Present corresponding elements in a readable sequence within the same view.

과용 주의AvoidAVOID

회전 속도만 바꾸고 평균점을 갱신하지 않는다.
설명 라벨과 대응 색을 동작 중에 바꾸지 않는다.

분류TagsTAGS

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

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

감긴 신호와 평균점을 함께 보여 주며 주파수 성분을 설명한다.

과용 · 나쁜 사례OVERUSE

회전 속도만 바꾸고 평균점을 갱신하지 않는다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
기본 지속	3s	2.10~4.20s	첫 동작 또는 후보의 기본 단계 길이
주파수	2Hz	1~5Hz	신호 시간의 초 단위를 유지한다
이징	none	none \| power2.out \| power2.inOut	주파수 변화는 선형으로 두고 위치 변화는 완만하게 연결한다.

GSAP

const tl = gsap.timeline({paused:true});
const state={frequency:1},samples=Array.from({length:240},(_,i)=>({t:i/240,v:1+Math.cos(4*Math.PI*i/240)}));
const draw=()=>{const pts=samples.map(({t,v})=>({x:v*Math.cos(-2*Math.PI*state.frequency*t),y:v*Math.sin(-2*Math.PI*state.frequency*t)})); ctx.clearRect(0,0,1920,1080); ctx.beginPath(); pts.forEach((p,i)=>ctx[i?"lineTo":"moveTo"](960+p.x*180,540+p.y*180)); ctx.stroke(); const avg=pts.reduce((a,p)=>({x:a.x+p.x/240,y:a.y+p.y/240}),{x:0,y:0}); ctx.fillRect(956+avg.x*180,536+avg.y*180,8,8);};
tl.to(state,{frequency:5,duration:3,ease:"none",onUpdate:draw});
draw();

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 푸리에 회전 좌표을 적용해. 신호의 점들이 회전 좌표에 감기고 중심 또는 평균점이 주파수에 따라 움직인다. 자체 복소 회전 좌표와 평균 좌표를 계산해 canvas로 그린다. 기본 지속은 3s, 주파수은 2Hz, 이징은 none로 설정한다. 하나의 paused GSAP 타임라인으로 구성하고 seek할 때 좌표와 표시 상태를 다시 계산해.

Apply Fourier Winding to <target> in <file>. Signal samples wind around a rotating frame while their mean moves with frequency. Use a base duration of 3s and none; use a frequency sweep from 1Hz to 5Hz over 3s with 240 samples and preserve semantic correspondence. Build one paused GSAP timeline and recompute geometry and visibility when seeking.

Codex

<파일>의 설명 장면에서 <대상>에 푸리에 회전 좌표을 적용해. 기본 지속은 3s, 주파수은 2Hz, 이징은 none로 설정한다. 0초, 1.5초, 3초 시점을 캡처해 초기 상태, 중간 대응 관계, 첫 동작의 완료 상태를 확인해. 원본과 결과의 의미 대응 및 라벨 가독성을 검증해.

Implement Fourier Winding in the explanatory scene of <file> for <target>, using 3s and none with a frequency sweep from 1Hz to 5Hz over 3s with 240 samples. Capture at 0, 1.5, and 3 seconds to check the initial state, intermediate correspondence, and completion of the first motion. Verify matching source and result elements and readable labels.