# 一念逍遥 DS · 纸片感 A/B 验证

**Live:** https://yinianxiaoyao-paper-feel.pages.dev/

## 问题

同事说：人物 + 场景 + UI 放在一起会有「纸片感」。用户附了《符篆背包乱斗》式战斗 UI 作为**坏例**（不要抄）。

本 showcase **不辩护**当初的硬叠 JPG；用真实参考图做视觉 A/B。

## 结论（更新 · DS 0.2.24）

**当初属实；交付根因已修。** A 仍展示纸底矩形贴纸感；B 现为 **DS 0.2.24 默认交付** 的官方 `*.alpha.png`——纸底矩形已去掉。共享光照仍只是部分接色，不宣称完全解决。

- **A · 原样硬叠**：角色 / VFX JPG 自带 `#F7F4EE` 纸底矩形；无接触阴影；不透明纸面板盖死中景 → 贴纸堆。
- **B · DS 0.2.24 默认交付**：`scripts/key-paper-bg.py` → soft-edge `*.alpha.png`（Godot 精灵）+ 可选 `*.alpha-graded.png`（mist-sage 接色）+ 脚下软阴影 + 半透明 HUD。无纸框；光照仍部分。

评分金标仍是纸底 JPG（CLEAR GenerateImage 留白）；运行时用透明 PNG。

## 页面结构

1. **坏例对照** — `assets/bad-example.jpg` + 三点 callout
2. **A 原样硬叠** — 390×844 live CSS 叠层（JPG）
3. **B DS 0.2.24 默认交付** — 同构图，官方 `*.alpha.png` / `*.alpha-graded.png`
4. **结论卡** — 诚实要点 + Live DS 0.2.24 链接

## B 资产来源（官方管道）

拷贝自 DS `assets/reference/generated/`：

- `ref-character-male-pose-meditate.alpha.png` / `.alpha-graded.png`
- `ref-vfx-qi-wisps.alpha.png` · `ref-vfx-jade-ring.alpha.png`
- `ref-icon-elixir.alpha.png` · `ref-icon-sword.alpha.png`

CLI：`python3 scripts/key-paper-bg.py in.jpg out.png [--feather 2] [--grade mist-sage]`

## 部署

Cloudflare Pages 项目：`yinianxiaoyao-paper-feel`

```bash
# creds from ~/.config/china-access/cloudflare.env (never print)
npx wrangler pages deploy . --project-name=yinianxiaoyao-paper-feel
```

Live DS：https://yinianxiaoyao-game-ds.winbrain-lsy.workers.dev/