Assembly

一群作品聚拢、展开，再四散。
分类
构建提示词

# Assembly：可直接交给其他 Agent 的复现提示词

独立实现20张照片聚成缓慢旋转的簇：从大范围收拢、每张轻微漂浮；悬停增亮，点击一张居中放大，其他散开变模糊。使用本目录cards.json中的image/title/detailTitle/eyebrow/category/dominant和顺序，不换图、不引用旧JS或iframe。纯数学布局、运动状态、DOM输入/渲染分离。

画面全屏，背景radial-gradient(ellipse at center,#f2efe9 35%,#8c8b86 100%)，Geist正文/Geist Mono标签，文字#241d17；卡片圆角30、shadow0 24px 32px −16px #0008，手机W<760圆角16；图片cover，glow用dominant色、screen混合。旧intro/HUD视觉隐藏。详情left6vw,top50%,translateY−50%,width min(84vw,380px),z30；eyebrow10px/.26em，标题600 clamp(2rem,4.4vw,3.2rem)/1、−.04em，分类10px/.2em；Back胶囊细棕边。手机详情topauto,bottom6vh，无translateY。

N取数据长度，i0…N−1。球面方向k=i+.5，φ=acos(1−2k/N)，θ=π(1+sqrt5)k；point=[sinφcosθ,cosφ,sinφsinθ]，delay=i/N，lifeHz=.8+(i mod5)×.12，phase=1.7i。

assemble0，GSAP以2.6s power3.out到1；shell=2.05−assemble²(3−2assemble)×1.05。spin/velocity初始0，last=performance.now；每帧dt=min(50,now−last)。非拖动时spin+=velocity+(selected≥0?0:.00016dt)，velocity*=.94。每卡hover以.12追随i==hovered且未选择，pick以.1追随i==selected。

S=min(W,H)，radius=.34S，cardW=.16S；x=(point.x cosspin+point.z sinspin)×S×.29×shell；z=(−point.x sinspin+point.z cosspin)×radius×shell；y=−point.y×radius×shell。再x+=sin(now×.0004×lifeHz+phase)×S×.016，y+=cos(now×.00052×lifeHz+1.7phase)×S×.013。选中其他卡时x/y乘1.4。当前版本投影系数k固定1，不添加额外透视缩放；z只控制层次。

单卡w=cardW×1.06，h=cardW/1.06。初始屏幕中心px=W/2+x,py=H/2+y；最终fx=mix(px,W/2,pick),fy=mix(py,H/2,pick)，scale=mix(1+.12hover,min(.38W/w,.62H/h),pick)。transform translate3d(fx−w/2,fy−h/2,0) scale(scale)，位置1位、scale3位；opacity=clamp((assemble−.2delay)/.3)×(选中其他卡?.34:1)，3位；z-index=round(1000+z)+(本卡选中?2000:0)。仅其他卡在有选择时blur4px，正常不模糊。glow opacity=.18hover+.1pick，3位。

滚轮阻止默认，velocity+=deltaY×.00004。按下stage保存lastX/累计0、速度0；拖动每次spin+=dx×.004×.01，velocity=dx×.004×.01，累计|dx|。非拖动pointermove使用elementFromPoint取hover卡。松开/cancel且累计<6：命中卡就选择，否则若有选择则关闭。选择填数据（detailTitle优先title），详情opacity0/x−24→1/0，.55s power3.out；Back、Escape、空白点击selected=−1，详情opacity0/x−20，.3s。保持浮动时间在选择期间继续推进，只有自转基础速度暂停。

验收1440×1000与390×844：入场900ms、再2400ms、滚轮400、横拖、点中可见前景卡、Escape。比较20卡的transform/opacity/blur/glow、选中标题和重新聚合。当前实现上述状态全部精确对照通过。清理事件、rAF、入场/详情tween。脚本 `rewrite/scripts/check-assembly.mjs`，证据 `artifacts/rewrite-validation/assembly/`。

## 本地图片与中英文（2026-09-21 更新）

本轮已接入本地公开图片和中英双语。复现时同时遵循 [共享规范](../../shared/README.md)：沿用当前本地图片路径，使用共享词典与语言偏好（`zh` / `en`），覆盖动态内容、辅助标签和 Canvas 文字；不要恢复旧的远程图片链接。中文拆字标题应先翻译再拆分，并保持原有动画机制。图片来源与替换映射在共享规范中列出。