Overworld

做成作品集的像素风角色扮演世界。
分类
构建提示词

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

独立实现可走动的像素作品集，DOM精灵+GSAP。可复用本目录index.html静态CSS、rooms.json与content.json；素材../../overworld-game/assets/。不要读旧JS。字体Pixelify Sans400/600/700，图像pixelated。固定世界1448×1086，角色源帧150×257、显示高150/宽round(150/257*150)=88，碰撞仅脚50×24，速度260/秒、行走8fps共4帧。

素材映射必须保持原拼写：officeBg=office-bg.mp4、outsideBg=outside-backgorund.png、desk=desk.png、officeChair=officechair.png、bench=woodchair.png、armchair=Coffe-armchair.png、bike=bike.png、playground=payground.png、cameraTable=Tabel-photo.png。角色character/{front,top,left,right}/{1,2,3,4}.png，提示牌infobadges/{badge}.png。

## 场景与相机
初始office/default，player初始600,700/front（实际以spawn覆盖）。buildRoom清camera内容，office backgroundVideo为静音autoplay/loop/playsInline视频，outside为静态bg图，两者1448×1086 cover。按rooms.sprites数据创建img：宽高w/h，left=cx−w/2、top=baseY−h，zIndex=round(sortY??baseY)。每个交互牌width156，interact高56、其他76，位置badgeAt、z900，transform translate(−50%,−100%) scale(.9)，on后opacity1/scale1，CSS过渡.18秒。角色left=x−44/top=y−150/z=round(y)。spawn用room.spawns[spawnKey]||default，只覆盖x/y/dir，其他动画状态保留。

屏幕W/H<1448/1086时follow：scale=H/1086、oy0、want=W/2−player.x*scale、ox=max(min(0,W−1448scale),min(0,want))；否则contain：scale=min(W/1448,H/1086)，ox=(W−1448scale)/2、oy=(H−1086scale)/2。camera transform translate3d(ox,oy,0) scale(scale)，每次换场景/resize重算，follow每帧重算。

## 移动与碰撞
dt首帧.016，其后min(.05,秒差)。keys四方向boolean，modal/dialogue打开时dx=dy=0；否则dx=right−left、dy=down−up。len=hypot(dx,dy)||1，step260dt，nx=x+dx/len*step、ny=y+dy/len*step。foot(x,y)=(x−25,y−24,50,24)，与rooms.blockers严格AABB交叠才阻挡。先测试(nx,当前y)更新x，再测试(更新后x,ny)更新y。rooms.bounds不是硬边界；最终全局x夹60..1388、y夹120..1066。moving根据输入而非实际位移，即顶墙仍播放走路；方向优先水平dx，然后dy上top/下front。移动frameT+=dt，每>=.125扣.125、frame=(frame+1)%4；静止frame/frameT=0。每帧显示相应png。

每个interaction距离=hypot(point−player)，只取distance<radius的最近一个；badge只有最近on，数据顺序在距离相同时优先先出现项。输入A/D/W/S或方向键preventDefault；keyup清键。E/Space interact；Escape closeAll。触控pad pointerdown同方向，up/leave清；中央E立即interact。原界面虽写Click/tap to walk，当前没有点击寻路实现，不新增。rooms.pushable也仅数据未参与实际渲染/碰撞，保留现有场景。

## 交互内容
若modal/dialogue已开，E关闭两者；否则无nearest无动作。scene action按to/spawn构建房间；dialogue取content.dialogues显示speaker/text，class on，box从y16/opacity0到0/1，.22秒ease none。dialogue点击或Esc/E关闭。

modal取content.modals；没有条目则无动作。Contact交互点在rooms存在，但content.modals.contact缺失，所以当前只显示提示牌、交互无弹窗。work显示固定5条：Moments — gravity wall / Interaction；Burst — cylinder gallery / Interaction；Cutout — die-cut lookbook / Art direction · Brand；Atlas — a globe you can read / Data · WebGL；Aurora — GPU silk / Concept。read从books读取title/author。cv两条Design engineer / Interaction, motion, and the code that makes it real；Certifications / Too many late nights to list。photos三条Bay at low gold、Camp under the ridge、Bodyboard run, last light，副标题均Photography。

modal标题/副标题来自content，sheet含✕ close (Esc)、h2、sub、ul。modal遮罩rgba(12,10,18,.7)，sheet宽min(620px,90vw)/max80vh/24padding/4px#2b2233边/12圆角/米白#fdf6e3，出现y20/opacity0→0/1，.24秒ease none。点击close或modal空白关闭，sheet内不关。移动在任何打开的对话/弹窗中暂停。

初始化并行加载rooms/content，buildRoom后loading gone，开始rAF。手机pad按pointer:coarse显示，保留模板布局。清理视频/事件/动画的生命周期资源。

验收1440×1000/390×844，16ms帧，office视频固定.5秒用于截图。覆盖初始、向上撞墙1000ms、斜走800ms、静止320ms、work/read/cv弹窗及移动暂停、Contact无弹窗、door-out切室外、bike/playground对白、photos、触控走动、door-in回office/fromOutside。测试使用临时定位夹具遍历交互点，生产不暴露传送。运行 ../scripts/check-overworld.mjs，移动/碰撞/角色帧/相机/排序/全部弹窗对白与切场景状态一致。

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

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