AWESOME AI MOTION
효과Effects / 데이터Data / Nº 311

산점도 차원 회전Scatter Dimension Rotation

Scatter Dimension Rotation
산점도 차원 회전
다른 이름Also known as · Scatter dimension rotation · Scatter depth expansion staging · 산점도 깊이 확장 단계화
311
렌더 추가 예정CLIP COMING산점도 차원 회전Scatter Dimension Rotation정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 311. 산점도 차원 회전 · Scatter Dimension Rotation · power2.inOut

산점도의 점들이 깊이 방향으로 벌어진 뒤 회전해 새로운 변수 쌍의 평면으로 모인다Scatter points spread in depth, rotate, and regroup into the plane of a new variable pair.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
차원이 바뀌는 동안에도 각 점이 어디로 가는지 눈으로 추적하게 한다. 같은 데이터를 다른 관점으로 보는 것을 설명한다Lets viewers track each point while the dimensions change, explaining the same data from a different view.
언제 쓰나Use whenUSE WHEN
  • 산점도의 X-Y 축을 X-Z 축으로 바꿔 보여 줄 때
  • 차원 축소나 주성분 분석의 결과를 설명할 때
  • Swap an X-Y scatter to X-Z axes.
  • Explain the result of dimensionality reduction or PCA.
과용 주의AvoidAVOID
  • 직교 투영 사용(점 크기 왜곡 방지)
  • 회전 중 점 색을 유지한다
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

확장 400ms, 회전 600ms, 압축 400ms로 총 1400ms에 걸쳐 90도 회전한다. 직교 투영이라 점 크기가 일정하다

과용 · 나쁜 사례OVERUSE

점이 순간 이동해 새 축에 나타나 추적이 안 되거나, 원근 투영이라 앞쪽 점만 크고 뒤쪽이 사라진다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
확장400ms300~500msz 방향으로 벌림
회전600ms500~800ms90도
압축400ms300~500msz를 0으로
회전 각90도새 변수 평면으로
GSAP
const u = { z: 0, a: 0 };
tl.to(u, { z: 1, duration: 0.4, ease: 'power2.out', onUpdate: draw }, 0.3)
  .to(u, { a: Math.PI / 2, duration: 0.6, ease: 'power2.inOut', onUpdate: draw })
  .to(u, { z: 0, duration: 0.4, ease: 'power2.in', onUpdate: draw });
// draw: x' = x*cos(a) + z*sin(a); y' = y (직교 투영)
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 산점도가 X-Y 평면에서 X-Z 평면으로 바뀌게 해줘. 먼저 0.4초 동안 새 변수를 z 방향으로 확장하고, 0.6초 동안 90도 회전한 뒤, 0.4초 동안 새 평면에 압축해. 직교 투영을 쓰고 점 색은 유지해.

Change the scatter plot in <target> from the X-Y plane to the X-Z plane. First expand the new variable along z for 0.4 seconds, rotate 90 degrees over 0.6 seconds, then compress onto the new plane in 0.4 seconds. Use orthographic projection and keep point colors.

Codex

<파일>에 scatter dimension rotation을 구현해. 확장 0.4s power2.out, 회전 0.6s power2.inOut(90도), 압축 0.4s power2.in, 직교 투영. 0.5초, 1.0초, 1.6초에 캡처해 점 개수와 색이 유지되는지, 1.7초에 모든 점이 새 평면에 있는지 확인해.

Implement scatter dimension rotation in <file>: expand 0.4s power2.out, rotate 0.6s power2.inOut (90 degrees), compress 0.4s power2.in, orthographic projection. Capture at 0.5s, 1.0s and 1.6s and verify point count and colors are preserved and all points lie on the new plane at 1.7s.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
세 tween을 순차 배치한 하나의 타임라인. draw는 u 값만으로 점 위치를 계산하므로 seek 결정론
ReelForgeBRIEF TO VIDEO
씬 브리프에 점 데이터 배열, 이전/새 변수 이름, 세 단계 시간을 싣는다
Scrolline DeckSCROLL SCRUB
진행률 0~0.29 확장, 0.29~0.71 회전, 0.71~1 압축으로 나눈다. scrub은 이 세 구간을 순서대로 통과한다
06

잘 맞는 조합Pairs well with

07

출처Sources

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