산점도의 점들이 깊이 방향으로 벌어진 뒤 회전해 새로운 변수 쌍의 평면으로 모인다Scatter points spread in depth, rotate, and regroup into the plane of a new variable pair.
확장 400ms, 회전 600ms, 압축 400ms로 총 1400ms에 걸쳐 90도 회전한다. 직교 투영이라 점 크기가 일정하다
점이 순간 이동해 새 축에 나타나 추적이 안 되거나, 원근 투영이라 앞쪽 점만 크고 뒤쪽이 사라진다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 확장 | 400ms | 300~500ms | z 방향으로 벌림 |
| 회전 | 600ms | 500~800ms | 90도 |
| 압축 | 400ms | 300~500ms | z를 0으로 |
| 회전 각 | 90도 | 새 변수 평면으로 |
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 (직교 투영)그대로 붙여 넣는다Paste as is
<대상> 산점도가 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.
<파일>에 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.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo