Cipher

瓦解又重组的 ASCII 终端。
分类
构建提示词

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

独立实现ASCII手机终端滚动叙事：现货盘口→期权链→风险权益曲线，逐字符吹散重组，末段反转绿底深字为深底绿字。screens.json为三幅静态50列60行{char,alpha}字符资产（包含手机壳/图表），panels.json为所有标题、说明、引言及CTA；直接读取，不调用旧JS或iframe。编写独立布局、确定性粒子路径、滚动时间轴和绘制层。此案例是视觉演示，数据和CTA保持静态。

页面520vh，sticky top0/100vh/overflowhidden；背景paper浅#cff060、前景#1c5f27，反转后交换。JetBrains Mono400/500/600、Pixelify Sans600标题、Inter正文。全屏multiply vignette radial透明35%到黑.06/95%。面板flex column space-between，gap clamp(1.5rem,3vh,3rem)；eyebrow10px/.32em/opacity.6/margin-bottom1.25rem；h2 Pixelify600 clamp(2.6rem,6vw,4.6rem)/.96/−.01em；正文Inter clamp(.95rem,1.02vw,1.05rem)/1.6、opacity.82。引用区10px，左2px线/padding.9rem，quote斜体Inter clamp(.85rem,.95vw,.98rem)/1.45，作者9px/.18em。CTA Pixelify600、padding.95rem1.7rem、2px边、shadow6px6px，hover移−5px/影14px，active移5px/影1px，点击阻止导航。HUD左上24px、左下24px，轨道left16/top&bottom7vh/width2；手机<768隐藏HUD和轨道。

布局：mobile=W<768；cellH=max(mobile?5:9,min(16,floor((mobile?min(.5H,460):min(.7H,H−80))/60)))，cellW=round(.572cellH*100)/100。字符屏宽50cellW、高60cellH；DPR=min(2.5,devicePixelRatio)，Canvas视口大小。gutter=max(64,.06W)，width=min(1440,W−2gutter)，left=(W−width)/2，colW=max(canvasW+16,.28width)，leftX=left+(colW−canvasW)/2，rightX=left+width−colW+(colW−canvasW)/2，topY=(H−canvasH)/2。屏1/3停左，屏2右；手机都x=(W−canvasW)/2、y=max(40,.06H)。桌面面板top/bottom=topY，宽width−colW−56，1/3left=left+colW+56，2left=left；手机top=屏y+canvasH+20、left/right16、width W−32。

粒子按行优先取alpha≥.04且非空字符。随机为mulberry32，分别seed：第一出1337、第二入2024、第二出4242、第三入8675、开机90210；每次resize重建。mulberry每步a=(a+0x6d2b79f5)|0；t=imul(a^(a>>>15),1|a)；t=(t+imul(t^(t>>>7),61|t))^t；返回((t^(t>>>14))>>>0)/2^32。

吹散wind第一+1/第二−1：spread=60+110rand，lift=(rand−.5)*180，x1=.5W+60wind+wind*spread*(rand<.5?−.4:1)，y1=.5H+lift；x0/y0=格位。k=col/49，begin=(wind>0?(1−k)*.55:.55k)+.04rand，end=min(.72,begin+.28+.1rand)，seed=floor(1e7rand)，alpha格值→0。聚拢同随机顺序：x0=.5W−60wind−wind*spread*(rand<.5?−.4:1)，y0=.5H+lift，x1/y1=格位；begin=.35+(wind>0?.5k:(1−k)*.5)+.04rand，end=min(.96,begin+.28+.1rand)，alpha0→格值。

开机cx/cy=字符屏中心、maxD=hypot(canvasW,canvasH)/2；angle=rand2π，rad=.5min(W,H)+320rand，ox=cx+(rand−.5)*220，oy=.5H+(rand−.5)*180；起点(ox+cos(angle)rad,oy+sin(angle)rad)，终点格位；begin=(1−min(1,距终点到屏中心/maxD))*.5+.1rand；end=min(.98,begin+.34+.16rand)；seed=floor(1e7rand)，alpha0→格值。此顺序必须保留。

粒子播放进度p限制0…1，≤begin画起点及a0，≥end画终点及a1（透明跳过）。中间h=(p−begin)/(end−begin)，cubic=h<.5?4h³:1−(−2h+2)³/2。位置线性插值后加curl，curl(seed,h,axis)=.6sin(a+5.21h)+.4sin(1.6a+11.4h)，a=.0173seed+7.91axis；x振幅curlAmp，y振幅.7curlAmp。散出alpha前70%不变最后30%降0，聚入前25%从0升满。h在(.32,.72)且((s>>>8)&255)/255<scorchAmp时临时字符从['.',':','·','*','+','◦','▪','✦','✧']取(s+floor64h)%9，s=(0x9e3779b1*seed)>>>0。开机2s、curl52.8/scorch.585；滚动过渡curl22/scorch.45。字体500 round(.92cellH)px JetBrains Mono，baseline top，逐字fillText，用格alpha，绘制后globalAlpha1。

滚动p=clamp(−sectionRect.top/(sectionRect.height−H))。p≤.03停1；≤.36过渡1→2/local=(p−.03)/.33；≤.55停2；≤.85过渡2→3/local=(p−.55)/.3；其后停3。开机未完成始终画entrance，完成后按当前滚动阶段。过渡先画出组再画入组；计数local<.5取旧否则新。配色p≤.78浅、≥.86反转，中间smoothstep((p−.78)/.08)逐RGB round插值；body同时设置color、--fg、--bg，--shadow用当前fg若hex否则固定#1c5f27向黑插值.5。

面板opacity：1在p≤.01为1，.01… .11以1−smooth降0；2在.3… .4升、.4… .53为1、.53… .63降；3在.79… .89升后1。面板x：1在p≥.03以−80smooth((p−.03)/.12)左移；2初始80，.3… .4回0，.4… .55保持，之后80smooth((p−.55)/.12)右移；3初始−80，.79… .89回0。开机没完opacity全部0；blur=(1−alpha)*6，>.1时2位px否则none；alpha>.55且开机完成则pointer-events auto/z1000，否则none/z0。HUD开机后opacity.55/.4/轨道.18，railFill scaleY(p)。退出清理rAF/resize事件。

验收1440×1000/390×844：开机800ms/完成，滚动.08/.2/.35/.45/.6/.72/.82/.92及回顶部；当前每个Canvas像素、面板布局/透明度/位移/模糊、配色/计数全一致。脚本rewrite/scripts/check-cipher.mjs，证据artifacts/rewrite-validation/cipher/。

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

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