떠돌던 점이 기존 덩어리에 닿으면 달라붙어, 가늘고 불규칙한 가지가 바깥으로 자란다Wandering points stick where they touch the existing cluster, growing thin, irregular branches outward.
중앙 씨앗에서 시작해 7초 동안 점 3000개가 순서대로 붙으며 가지가 자란다. 부착 기록을 시드로 미리 계산해 재생한다
매 프레임 새 난수를 뽑아 재생할 때마다 모양이 바뀌고, 점 수가 300개뿐이라 가지가 성기다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 점 수 | 3000개 | 2000~4000개 | 최종 덩어리 크기 |
| 이동 스텝 | 2px | 1~3px | 랜덤 워크 보폭 |
| 부착 반경 | 2px | 1.5~3px | 닿는 거리 |
| 총 길이 | 7s | 6~8s | 부착 속도는 ease-in 없이 선형 |
const order = precomputeDLA(3000, seed = 7); // [{x, y}, ...] 부착 순서
tl.to({ n: 0 }, { n: 3000, duration: 7, ease: 'none',
onUpdate() { drawPoints(order, Math.floor(this.targets()[0].n)); } }, 0);그대로 붙여 넣는다Paste as is
<대상> 캔버스에 확산 제한 성장을 넣어줘. 중앙 씨앗에서 시작하고 점 3000개, 이동 2px, 부착 반경 2px, 시드 7로 부착 순서를 미리 계산한 뒤, 7초 동안 앞에서부터 순서대로 그려줘. 오래된 점은 청색, 새 점은 흰색으로 구배를 줘.
Add diffusion limited aggregation to the <target> canvas. Start from a center seed with 3000 points, 2px moves and a 2px attach radius. Precompute the attachment order with seed 7, then draw it in order over 7 seconds. Color old points blue and new points white.
<파일>에 DLA 재생을 구현해. 시드 7로 3000개 부착 순서를 미리 계산해 배열에 저장하고, 타임라인 7초 동안 n을 0에서 3000으로 ease none 이동한다. 1초, 3.5초, 7초를 캡처해 가지가 중심에서 바깥으로 자라는지, 같은 시각 두 번 seek가 같은 점 수를 그리는지 확인해.
Implement DLA playback in <file>. Precompute 3000 attachments with seed 7 into an array, and tween n from 0 to 3000 over 7 seconds with ease none. Capture at 1s, 3.5s and 7s and verify branches grow outward from the center and seeking the same time twice draws the same point count.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo