분해도 조립Exploded Assembly

Exploded Assembly

분해도 조립

다른 이름Also known as · Exploded product assembly · 제품 분해와 조립

564

렌더 추가 예정CLIP COMING분해도 조립Exploded Assembly정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 564. 분해도 조립 · Exploded Assembly · power2.inOut

제품의 부품들이 축을 따라 벌어져 내부 구조를 보여 준 뒤 한 몸체로 다시 모인다A product's parts separate along an axis to reveal its internal structure, then gather back into one body.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

외형 안의 구조와 부품 관계를 이해하게 한다. 무엇이 어디에 들어가는지 순서대로 알려 준다Helps viewers understand structure inside the exterior and how parts relate, and shows what goes where in order.

언제 쓰나Use whenUSE WHEN

제품 내부의 부품 구성을 설명할 때
조립 순서를 단계별로 안내할 때

Explain the component makeup inside a product.
Guide an assembly order step by step.

과용 주의AvoidAVOID

벌어짐은 한 축으로만
부품 라벨은 벌어진 상태에서만 켠다

분류TagsTAGS

3D·깊이3D & Depth 설명Explain 순서·흐름Sequence 제품 시연Product demo 설명 영상Explainer video 발표Presentation 난이도 고급Advancedwebgl

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

1800ms 동안 부품 5개가 축을 따라 80px 간격으로 벌어지고, 100ms 시차로 순서대로 다시 결합한다. easeInOut

과용 · 나쁜 사례OVERUSE

부품이 모두 동시에 같은 거리만 벌어져 구분이 안 되거나, 벌어진 축이 매번 달라 방향을 알 수 없다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	1800ms	1400~2400ms	벌림 900 + 결합 900
부품 간격	80px	50~120px	축 방향
시작 차이	100ms	60~150ms	부품별 stagger
이징	power2.inOut

GSAP

parts.forEach((p, i) => {
  tl.to(p.position, { y: (i - 2) * 80, duration: 0.9, ease: 'power2.inOut' }, 0.3 + i * 0.1);
  tl.to(p.position, { y: 0, duration: 0.9, ease: 'power2.inOut' }, 1.8 + (4 - i) * 0.1);
});

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 제품 모델의 부품 5개를 분해도로 보여줘. y축을 따라 중심 부품 기준 80px 간격으로 0.9초 동안 벌리고 부품마다 0.1초 시차를 둬. 벌어진 상태에서 라벨을 켜고, 1.8초부터 반대 순서로 0.9초 동안 결합. 이징 power2.inOut.

Show the 5 parts of the product model in <target> as an exploded view. Spread them along the y axis with 80px spacing around the center part over 0.9 seconds with a 0.1s stagger between parts. Turn labels on while spread, and from 1.8 seconds reassemble in reverse order over 0.9 seconds with power2.inOut.

Codex

<파일>에 exploded assembly를 구현해. 부품 5개, y = (i-2)*80, 벌림 0.9s, 결합 0.9s, 시차 0.1s, ease power2.inOut. 0.3초, 1.2초, 1.8초, 2.9초를 캡처해 1.2초에 간격이 80px 단위인지, 2.9초에 모든 부품 y가 0인지 확인해.

Implement exploded assembly in <file>: 5 parts, y = (i-2)*80, spread 0.9s, assemble 0.9s, stagger 0.1s, ease power2.inOut. Capture at 0.3s, 1.2s, 1.8s and 2.9s and verify spacing is in 80px units at 1.2s and every part y is 0 at 2.9s.