바닥의 좁은 출구에서 입자가 위로 솟아 포물선을 그리며 떨어지는 분수Particles shoot up from a narrow floor outlet and fall in parabolic arcs.
바닥 중앙 출구에서 초당 50개 입자가 초속 240px, 좌우 24도 안으로 솟았다 중력 400px/s2로 포물선을 그리며 떨어진다
분출각이 넓어 사방으로 퍼져 분수가 아닌 폭발로 보이거나, 입자가 바닥에서 사라지지 않고 쌓인다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 생성률 | 50개/s | 30~90 | 출생 시각 고정 배열 |
| 초기 속도 | 240px/s | 180~320 | 위쪽 방향 |
| 분출각 폭 | 24deg | 12~36 | 좌우 총합 |
| 중력 | 400px/s2 | 300~600 | 아래 |
| 지속 | 5s | 3~8s | 재생 길이 |
// 입자 i의 출생 시각 b=i/50, 각도는 균등 스윕. 위치를 탄도식으로 직접 계산
const u = { t: 0 };
tl.to(u, { t: 5, duration: 5, ease: 'none', onUpdate() {
for (let i = 0; i < 250; i++) { const a = -Math.PI / 2 + ((i * 0.618) % 1 - 0.5) * 24 * Math.PI / 180, age = u.t - i / 50;
if (age < 0 || age > 2.4) continue; place(i, 960 + Math.cos(a) * 240 * age, 1000 + Math.sin(a) * 240 * age + 200 * age * age); } } }, 0);그대로 붙여 넣는다Paste as is
<대상> 화면 바닥 중앙(960,1000)에 입자 분수를 넣어줘. 초당 50개씩 태어나는 입자가 초속 240px로 위로 솟되 좌우 24도 안에서 황금비 스윕으로 각도를 나누고, 중력 400px/s2로 포물선을 그리며 2.4초 뒤 사라지게 해. 총 5초 재생하고 위치는 t와 출생 시각으로 직접 계산해.
Add a particle fountain at the bottom center (960,1000) of <target>. Particles are born 50 per second and shoot upward at 240px per second within 24 degrees, spreading angles by a golden-ratio sweep, arc under 400px/s2 gravity, and vanish after 2.4 seconds. Play 5 seconds and compute positions directly from t and birth time.
<파일>의 캔버스에 입자 250개를 만들어. 출생 b=i/50, 각도 a=-π/2+((i*0.618)%1-0.5)*24°, age=t-b일 때 x=960+cos a*240*age, y=1000+sin a*240*age+200*age^2, age가 0~2.4초일 때만 그려. 1초·2.5초·4.5초 캡처로 분수 모양이 유지되고 입자가 바닥에 쌓이지 않는지 확인해.
In the canvas of <file>, create 250 particles. Birth b=i/50, angle a=-π/2+((i*0.618)%1-0.5)*24°, age=t-b; x=960+cos a*240*age, y=1000+sin a*240*age+200*age^2, drawn only when age is 0 to 2.4 s. Capture 1 s, 2.5 s and 4.5 s to confirm the fountain shape persists and nothing piles up on the floor.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo