나선 필드Spiral Field Rotation

Spiral Field Rotation

나선 필드

다른 이름Also known as · 나선장 회전

511

렌더 추가 예정CLIP COMING나선 필드Spiral Field Rotation정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 511. 나선 필드 · Spiral Field Rotation · none

중심에서 뻗는 나선 무늬가 일정하게 회전하며 안쪽으로 빨려 들거나 바깥으로 흘러나오는 것처럼 보인다A continuous spiral pattern radiates from the center and rotates so it seems to flow inward or outward.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

시선이 중심으로 모이고 무언가에 끌려 들어가는 느낌을 준다. 최면, 몰입, 순환 같은 상태를 배경만으로 전한다Draws the eye to the center and suggests being pulled in. It conveys immersion, cycles or a hypnotic state through the background alone.

언제 쓰나Use whenUSE WHEN

중심의 제목이나 로고로 시선을 모으고 싶을 때
몰입, 순환, 빨려 드는 상태를 배경으로 표현할 때

Gather attention on a central title or logo.
Express immersion or circulation in a background.

과용 주의AvoidAVOID

회전 40도/s 초과 금지(멀미 유발)
색은 두 가지 이하로 제한한다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

나선 팔 4개가 25도/s로 5초 동안 돌고, 중앙의 제목에 시선이 모인다. 색은 두 가지로 제한한다

과용 · 나쁜 사례OVERUSE

팔 수를 20개 이상으로 늘리고 회전을 90도/s로 올려 눈이 어지럽고, 텍스트는 읽을 수 없다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
나선 팔	4개	3~8개	팔이 많을수록 촘촘함
회전 속도	25도/s	15~40도/s	linear 유지
반경 반복	8	6~12	반경 방향 띠 수
지속	5s	4~6s	125도 회전

GSAP

const u = { a: 0 };
tl.to(u, { a: 125, duration: 5, ease: 'none',
  onUpdate: () => mat.uniforms.uAngle.value = u.a * Math.PI / 180 }, 0);
// GLSL: float ph = atan(p.y, p.x) * 4.0 + log(length(p)) * 8.0 - uAngle * 4.0; v = step(0.5, fract(ph / 6.2832));

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 뒤에 나선 필드 배경을 WebGL로 만들어줘. 나선 팔 4개, 반경 반복 8, 25도/s로 5초 동안 linear로 회전, 색은 진남색과 청록 두 가지만 써. 각도는 GSAP 타임라인 tween 하나로 구동해.

Build a spiral field background behind <target> in WebGL. 4 arms, radial repeat 8, rotate at 25 deg/s for 5 seconds with linear timing, using only navy and teal. Drive the angle from a single GSAP timeline tween.

Codex

<파일>에 spiral-field 셰이더를 넣어줘. 팔 4개, 반경 반복 8, 회전 25도/s, 5초, ease none, 색 2개. 각도는 timeline progress로만 갱신한다. 0초, 2.5초, 5초를 캡처해 회전각 차이가 약 62도씩인지, 중앙 제목이 가려지지 않는지 확인해.

Add a spiral-field shader to <file>: 4 arms, radial repeat 8, rotation 25 deg/s, 5 seconds, ease none, 2 colors. Update the angle from timeline progress only. Capture at 0s, 2.5s and 5s and verify the rotation differs by about 62 degrees per step and the central title stays unobstructed.