원근 패널 회전Perspective Panel Rotation

Perspective Panel Rotation

원근 패널 회전

다른 이름Also known as · Perspective Color Panels · 원근 컬러 패널

572

렌더 추가 예정CLIP COMING원근 패널 회전Perspective Panel Rotation정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 572. 원근 패널 회전 · Perspective Panel Rotation · none

서로 다른 색의 긴 패널이 중심축 주위에서 회전하며 비스듬히 펼쳐지고 가까운 면이 크게 보인다Long panels of different colors rotate around a central axis, fanning out at an angle with near faces appearing larger.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

리듬과 구획의 변화로 배경에 구조와 깊이를 준다. 스튜디오 무대 같은 세련된 배경이 된다Adds structure and depth to a background through rhythm and division, like a polished stage.

언제 쓰나Use whenUSE WHEN

제품 소개나 타이틀 뒤에 움직이는 색 패널 배경을 둘 때
무대나 전시장 같은 공간감을 배경만으로 만들 때

Put a moving color panel backdrop behind a product intro or title.
Create a sense of stage or exhibition space with the background alone.

과용 주의AvoidAVOID

회전 40도/s 초과 금지
전경 텍스트가 있는 영역은 대비를 낮춘다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

패널 7개가 사이각 25도, 기울기 15도로 18도/s에서 linear로 5초 동안 회전한다. 가까운 패널은 크고 밝다

과용 · 나쁜 사례OVERUSE

패널 수가 30개라 줄무늬 소음이 되고, 회전이 90도/s라 눈이 어지럽다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
패널	7개	5~10개	색을 교차
사이각	25도	15~35도	축 주위 간격
기울기	15도	10~25도	축의 기울기
회전 속도	18도/s	10~30도/s	linear

GSAP

const u = { a: 0 };
tl.to(u, { a: 90, duration: 5, ease: 'none', onUpdate: () => mat.uniforms.uRot.value = u.a * Math.PI / 180 }, 0);
// panels: for i<7: angle = i*25deg + uRot; pos = (sin(angle)*R, 0, cos(angle)*R); face tilted 15deg

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 뒤에 원근 패널 회전 배경을 WebGL로 만들어줘. 패널 7개를 중심축 주위 25도 간격, 기울기 15도로 두고 18도/s로 5초 동안 linear 회전. 색은 브랜드 색 두 가지를 번갈아, 가장자리에 옅은 빛을 줘.

Build a perspective panel rotation backdrop behind <target> in WebGL. Place 7 panels around a central axis 25 degrees apart with a 15 degree tilt, rotating at 18 deg/s for 5 seconds with linear timing. Alternate two brand colors and add a faint edge light.

Codex

<파일>에 perspective panel rotation을 구현해. 패널 7, 사이각 25도, 기울기 15도, 18도/s, 5s, ease none. 0초, 2.5초, 5초를 캡처해 가까운 패널이 더 크고 밝은지, 전경 텍스트 가독성이 유지되는지 확인해.

Implement perspective panel rotation in <file>: 7 panels, 25 degree spacing, 15 degree tilt, 18 deg/s, 5s, ease none. Capture at 0s, 2.5s and 5s and verify nearer panels are larger and brighter and foreground text remains legible.