雨镜 RAINSCAPE — 部署说明

文件结构（部署所需的最小集合）

rain_game_deploy/
├── index.html                  # 游戏本体（单文件，含全部逻辑与音频合成）
└── assets/
    ├── frames/ch1~ch5.jpg      # 五章首帧照片（菜单照片卡 / 章前背景）
    ├── sprites/drop.png        # 写实雨滴 sprite
    │   └── drop_gold.png       # 金雨滴 sprite
    └── videos/ch1~ch5-walk.mp4 # 五章行走背景视频（林/城/雪山/湖畔/霁光）

约 20MB，纯静态，无后端、无构建步骤、无外部 CDN 依赖。 把整个文件夹原样上传即可，入口是 index.html。

推荐部署平台

平台	方式	备注
GitHub Pages	仓库上传后 Settings → Pages 选 main 分支	免费，国内访问不稳
Vercel	vercel CLI 或拖拽 https://vercel.com/new	免费，国内可访问
Netlify	https://app.netlify.com/drop 直接拖文件夹	最省事，免费
腾讯 EdgeOne Pages	https://edgeone.cloud.tencent.com/pages	国内快，免费
CloudBase 静态托管	腾讯云控制台开启静态网站托管	国内快，需实名

Netlify / Vercel 拖拽要点

• 直接把 rain_game_deploy 文件夹拖进部署页即可。
• 无需任何配置文件（无 SPA 路由、无环境变量）。

GitHub Pages 步骤

1. 新建仓库（如 rainscape），把文件夹内容（注意是内容不是外层文件夹）推上去。
2. Settings → Pages → Source 选 main / root。
3. 约 1 分钟后访问 https://<用户名>.github.io/rainscape/。

注意：GitHub 单文件上限 100MB，本包最大文件约 8MB，没问题。

本地预览

双击 index.html 即可在浏览器直接游玩（视频走相对路径，无需服务器）。