Atelier

文件可拖动、程序坞会呼吸的桌面作品集。
分类
构建提示词

# Atelier：给其他 Agent 的复现提示词

独立重写macOS风格作品集桌面，HTML/CSS与GSAP，可复用本目录index.html静态CSS和data.json项目数据，素材../../atelier-desktop/assets/。不要读旧JS，不使用iframe。保留wallpaper-day.jpg center38% cover，Inter字体、半透明28px菜单栏、下方Dock、散落项目图标；完整CSS以模板为准。手机<=767隐藏桌面图标，Dock按钮36px（桌面52px）。桌面项目位置每10个循环：(.09,.13),(.25,.21),(.41,.1),(.57,.17),(.75,.24),(.14,.38),(.34,.48),(.52,.4),(.69,.51),(.81,.44)。图标95宽/70方，文字10px；单击选中、双击Quick Look。

Dock顺序Finder(🗂34px/52行高)、Figma/figma.png、Claude/claude.png、Notes/Notes.png、Photos/photos.png、X/x.png、Mail/mail.png、分隔、Trash/Trash.png（图标在assets/icons）。pointermove按每按钮实时getBoundingClientRect中心求d，t=min(1,abs(mouseX−cx)/130)，k=cos(tπ/2)^2，scale=1+.9k(3位)，translateY=−6k(2位)，底边为transform-origin。leave k=0。pointerover设置tooltip名称与left=按钮中心−dock.left，opacity1；out透明0。点击GSAP y0→−18/.22秒power2.out/yoyo/repeat1，然后Finder/Photos开文件夹，Trash开空垃圾信息，其他App开说明窗口。所有App是本地演示，不调用真实系统应用。

## 窗口管理
zTop初始10，新窗口与点击置顶++zTop。每窗含38px标题栏、红黄绿12px按钮、标题和body。出现from opacity0/scale.94/y14到1/1/0，.34秒power3.out。标题栏非dot按下记录坐标相对窗矩形偏移，添加drag、置顶并capture；pointermove left=clamp(x−dx,0,W−80),top=clamp(y−dy,28,H−60)；up/cancel结束。事件冒泡到window仍再次置顶，保留层级变化。

红按钮opacity0/scale.94/.2秒power2.in后移除。黄按钮：x位移=Dock中心−窗中心，y=Dock.top−窗.top，scale.06/opacity0/.5秒power3.in；完成后delay.35，再x/y0/scale1/opacity1/.45秒power3.out自动恢复。绿按钮保存left/top/width/height，改(12,36,W−24,H−110)，再次点击恢复保存样式。允许打开多份同名窗口。

Finder窗口位置(max(40,.12W),70)，尺寸(min(860,W−120),min(560,H−180))。侧栏168宽，Favorites下Projects/Desktop/Documents/Downloads/Applications/Gallery，Tags下Campaign/Editorial/Identity；右grid padding16/gap14、repeat(auto-fill,minmax(124px,1fr))。每文件图片方形、标题、category，click只选中当前文件，dblclick开Preview。

Quick Look class ql，宽min(760px,86vw)，left=max(20,W/2−min(760,.86W)/2)，top90，高由内容决定。图片宽100%、max-height46vh、cover；meta padding18px22px22px，category/title/description及Challenge/Direction/Outcome三列。保留data.json文本。Preview使用普通窗口入场.94缩放，不沿用注释里不准确的.86/blur描述。

Note窗口位置(120+random*180,120+random*120)、420×260；内容padding18×20、13.5px/1.65、opacity.85。Trash文案Empty. Nothing worth keeping today.；其余App文案This app is part of the scene — the Finder and the previews are the ones with something to show.。时钟en-US hour numeric/minute2-digit，每20秒更新。清理所有计时器、事件与tweens。

验收1440×1000与390×844，固定时间和seed123456的LCG随机。检查Dock hover、Finder文件选择、预览、标题拖拽(+50,+50)、最大化/恢复、最小化400ms与恢复1500ms、关闭300ms、Trash窗口。运行 ../scripts/check-atelier.mjs，所有窗口/文件/Dock状态对照一致。

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

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