AWESOME AI MOTION
효과Effects / 입자·생성Generative / Nº 543

촉수 물결Tendril Wave

Tendril Wave
촉수 물결
다른 이름Also known as · Sea Anemone Tendrils · 말미잘 촉수
543
렌더 추가 예정CLIP COMING촉수 물결Tendril Wave정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 543. 촉수 물결 · Tendril Wave · sine.inOut

중심에서 퍼진 가는 촉수들이 엇갈린 위상으로 구부러지고 다시 펴지는 방사 움직임Thin tendrils radiate from a center and bend and straighten in staggered phases.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
해양 생물이나 식물처럼 유연하게 살아 있는 반복 운동. 방사형 생명감Flexible, living repetition like marine life or plants. A radial sense of life.
언제 쓰나Use whenUSE WHEN
  • AI·생명·유기체 컨셉의 로고 뒤 배경이나 히어로 오브젝트를 만들 때
  • 로딩 표시를 유기적인 방사 움직임으로 대체할 때
  • Build a hero object or logo backdrop for an AI, life or organism concept.
  • Replace a loading indicator with an organic radial motion.
과용 주의AvoidAVOID
  • 흔들림 30도 초과 금지
  • 촉수 굵기는 끝으로 갈수록 가늘게
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

촉수 36개가 길이 140px로 중심에서 뻗고 2.2초 주기로 각도 20도까지 위상이 엇갈리며 구부러진다

과용 · 나쁜 사례OVERUSE

위상이 모두 같아 한 덩어리로 흔들리거나, 진폭이 40도 이상이라 뒤엉켜 실타래처럼 보인다

03

파라미터Parameters

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

항목PARAM기본DEFAULT범위RANGE메모NOTE
촉수 수3624~60균등 각도
길이140px100~200마디 8개
흔들림20deg10~30끝단 최대 각
주기2200ms1600~3200ms루프
위상 간격2π/36*3고정이웃 촉수 위상차
GSAP
const u = { t: 0 };
tl.to(u, { t: Math.PI * 2, duration: 2.2, ease: 'none', repeat: 2, onUpdate() {
  for (let i = 0; i < 36; i++) { const base = i / 36 * Math.PI * 2, ph = i * 3 / 36 * Math.PI * 2; let x = 960, y = 540, a = base;
    const pts = [[x, y]];
    for (let s = 1; s <= 8; s++) { a += Math.sin(u.t + ph - s * 0.4) * (20 * Math.PI / 180) / 8; x += Math.cos(a) * 17.5; y += Math.sin(a) * 17.5; pts.push([x, y]); }
    stroke(pts, 3 - i % 1); } } }, 0);
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 뒤에 촉수 물결을 넣어줘. 중심 (960,540)에서 36개의 촉수가 균등 각도로 뻗고 길이는 140px, 마디는 8개야. 각 마디가 sin(t+위상-마디*0.4)로 구부러지되 끝단 최대 20도, 이웃 촉수 위상차는 2π*3/36, 주기 2.2초로 반복해. 굵기는 3px에서 1px로 가늘어지고 색은 #7dd3fc 불투명도 0.8.

Add a tendril wave behind <target>. From the center (960,540), 36 tendrils spread at equal angles, length 140px with 8 segments. Each segment bends by sin(t + phase - segment*0.4), up to 20 degrees at the tip, neighbor phase difference 2π*3/36, repeating every 2.2 seconds. Stroke tapers from 3px to 1px in #7dd3fc at 0.8 opacity.

Codex

<파일>의 캔버스에 촉수 36개를 그려. 촉수 i는 각 a=i/36*2π에서 시작해 마디 s=1..8마다 a+=sin(t+i*3/36*2π-s*0.4)*(20°)/8, 마디 길이 17.5px. t는 2.2초에 0→2π 선형이고 총 길이를 6.6초로 명시. 0초와 2.2초 프레임이 같은지, 0.55초 캡처에서 촉수가 엇갈려 구부러지는지 확인해.

Draw 36 tendrils in the canvas of <file>. Tendril i starts at angle a=i/36*2π and for segments s=1..8 does a+=sin(t+i*3/36*2π-s*0.4)*(20°)/8 with 17.5px per segment. Tween t 0 to 2π linearly over 2.2 s, with total length set to 6.6 s. Capture 0 s and 2.2 s to confirm they match and 0.55 s to confirm staggered bending.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
촉수 형태를 t와 인덱스의 함수로 계산해 상태가 없다. 루프 길이 2.2초를 타임라인에 맞추고 repeat 대신 총 길이를 명시하는 편이 seek에 안전하다
ReelForgeBRIEF TO VIDEO
씬 브리프에 촉수 36, 길이 140px, 흔들림 20도, 주기 2.2초, 굵기 3px→1px, 색을 싣는다
Scrolline DeckSCROLL SCRUB
진행률을 위상 t에 선형 매핑한다. 촉수는 가벼워 스크럽 부하가 낮다
06

잘 맞는 조합Pairs well with

07

출처Sources

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