Nova

山峰展开成沉浸式风景。
分类
构建提示词

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

独立实现全屏山峰滑块：右侧卡片被选中后扩张吞没画面，左侧文案中途切换，数字翻动，背景随鼠标视差。数据用peaks.json，图片../../nova-peaks-gallery/assets/{id}.jpg及{id}-card.jpg；不读旧JS或iframe，拆分槽位状态、文案计数器、布局和过渡控制。

背景#0b0b0d，强调#cd8f5d，Inter正文、Archivo500/800标题。大图cover scale1.08，飞行图层z5，scrim z8：横向黑.82/0%、.55/26%、.12/52%、0/68%；底部radial-gradient120%120% at50%120%黑.5→0/55%。文案z10、left clamp(24px,6vw,88px)、top50%居中、宽min(440px,36vw)。地区12px/.32em、36px强调细线、margin20；大标题Archivo800大写clamp(30px,4.1vw,58px)/.92、−.02em；描述15/1.65、margin24；CTA margin36/gap20、48px强调圆按钮和12px/.28em标签；坐标margin32、11px/.18em。底栏bottom clamp(24px,4.5vh,48px)，左同文案、右clamp(24px,4vw,64px)、gap clamp(18px,3vw,44px)；箭头48圆细白边/gap12；2px进度轨道，fill宽度700ms cubic-bezier(.4,0,.2,1)；计数Archivo500 clamp(48px,6.5vw,96px)，总数13px。W≤900隐藏卡片轨道、文案宽min(460px,86vw)。Discover location按钮保留原无导航行为。

卡宽cw=clamp(.132W,156,188)，高ch=clamp(.375H,280,340)，pitch=cw+16。copyRight=clamp(.06W,24,88)+min(440,.36W)+24，margin=clamp(.04W,20,56)，fits=clamp(floor((W−copyRight−margin−28+16)/pitch),1,N−1)。railW=28+fits*pitch−16、railH=ch+96，right=margin、垂直居中，内部卡top48、圆角20、overflowhidden。railLeft=W−margin−railW，railTop=H/2−railH/2。卡图hover scale1.05/transition.7s；顶部地区9.5px/.18em/padding16+4px点，底名称17px600/1.12/.03em；上下黑渐变。

active0，slots[i]=i−1。点击i仅在无过渡、非当前、slot≥0时有效。保存from/to：i到−1；旧active的from设N−1、to设N−2；其他slot大于被选slot则减1。下一张选slot0。上一张取slot N−2，目标−1；旧active从−1到0，其他slot+1，方向−1。持续1250ms，raw=clamp((now−start)/1250)，ease为raw<.5时4raw³，否则1−(−2raw+2)³/2。卡x=插值slot*pitch+14，位置1位。

量卡片实际rect作为飞行起点；width<4、卡右边≤rootLeft+railLeft−4、卡左边≥rootRight时没有起点。下一张/点击有起点时flyer从该矩形到全屏，left/top/width/height及圆角20→0取1位；shadow y30→0/blur80→0整数、alpha.4*(1−ease)3位；flyer图translate(bgOffset*ease)2位，scale1→1.08取4位。无起点/上一张全屏淡入：e=clamp(1.4raw)，opacity=e≥1?1:1−2^(−10e)，图scale1.16→1.08。被选卡过渡期间opacity0。完成先设置bg图，等待decode成功或失败才撤飞行层，文案复位、记录自动播放时间。

文案raw<.5时opacity=1−2raw、blur=8*(2raw)2位，translateY(calc(−50%−16*(2raw)px))1位；raw≥.5第一次更换数据及active，再opacity=2raw−1、blur=8*(1−k)、向下16*(1−k)回0。背景alt为card — region，fill=(i+1)/N*100%。数字每位独立：未变不动；旧位克隆绝对定位，yPercent−128*方向、blur12、scale.86、autoAlpha0，.38s power2.in后移除；新位从相反yPercent128*方向/blur12/scale.86/autoAlpha0到0/0/1/1，.58s power3.out。

pointer归一化初始(.5,.5)，背景offset初始0，每帧以.055追随x=−26*(pointerX−.5)*2+(拖动?.12dx:0)、y=−15*(pointerY−.5)*2，背景translate2位。hover卡时根据中心算nx/ny并限制±1，目标rotateY=9nx、rotateX=−9ny、scale1.05、lift−12；否则0/0/1/0，各以.13追随，transform顺序translate3d/perspective1000/rotateX/rotateY/scale，角度2位scale3位。过渡期间停用hover目标。

按下非data-control区域开始拖动并将自动播放推迟4000ms，移动更新dx，window抬起|dx|>66则左拖下一张/右拖上一张。root左右键、底部箭头切换。pointerenter推迟1500ms。每次过渡启动推迟4000ms；空闲无拖动、无过渡、超过suppress且距离lastAuto>4000则下一张。入场1700ms重设lastAuto。

入场时间线默认power2.out：bg autoAlpha0/scale1.14/brightness.72→1/1.08/1，1.25s从0；标题yPercent118→0，.95s power4.out/stagger.08从.3；地区/描述/CTA/坐标/箭头/计数/轨道autoAlpha0/y26/blur8→1/0/0、.9s power3.out/stagger.06从.42；卡内部autoAlpha0/y46→正常、.72s back.out(1.7)/stagger.2从.5；fill scaleX0→1、.8s从.95。销毁清理时间线、数字tween、timer、rAF、事件。

验收1440×1000/390×844：入场、hover、下一张300ms/850ms/完成、上一张中间/完成、键盘、拖动、自动播放。测试把performance.now及rAF统一到16ms受控时钟，避免页面加载毫秒和异步解码的采样误差；鼠标移出轨道再切换，hover单独验证。当前全部几何/图源/文案/数字/飞行层状态精确通过。脚本rewrite/scripts/check-nova.mjs，证据artifacts/rewrite-validation/nova/。

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

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