feat: interactive agent-swarm intro (GSAP redesign)#65
Open
joyehuang wants to merge 1 commit into
Open
Conversation
Replace the passive diffusion intro with a playable swarm: every particle is an agent whose shared goal is to spell a word, and the visitor can perturb the system any way they like — it always self-organizes back. - drag stirs the field (particles inherit cursor velocity) - press-and-hold creates a gravity vortex; release snaps back - click/tap fires a shockwave ring with radial impulse - double-click or goal chips morph the word (JOYE / 你好 / AGENT / BUILD, EN locale gets HELLO instead of 你好) as a wave from the click origin - idle 5s spawns a scout agent that wanders in and stirs the field - live HUD reports swarm status (assembling / re-organizing / converged) - GSAP drives boot timeline, morph waves, rings, UI staggers, exit burst; the physics sim runs on gsap.ticker Keeps parity: session gate, prefers-reduced-motion, skip, replay, locale strings. Adds intro_enter / intro_replay events to the analytics contract. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要
用 GSAP 重写主页入场动画：从"看一段扩散动画"变成"一个可以上手把玩的群体智能玩具"。
叙事即机制：每个粒子是一个 agent，群体的共同目标是拼出文字。访客可以随意扰动这个系统 —— 它永远会自组织收敛回目标。顶部 HUD 实时汇报群体状态（
assembling… / re-organizing… / converged ✓），扰动和自愈的过程是真实发生的，不是贴标签。交互（把玩点）
光标本身是自绘的能量环（蓄力时膨胀）；进入时全场爆散 + 冲击波退场。
技术
gsap.ticker上（弹簧 + 阻尼 + 湍流）prefers-reduced-motion禁用、跳过、重播、/en文案（EN 词组用 HELLO 替代你好）intro_enter（action/word/duration_ms/interactions/morphs）和intro_replay，契约已写入 ANALYTICS.md验证
bun run check0 errors🤖 Generated with Claude Code