ns2250225/guangzhou

选用指南

AI 根据 README 整理 · 2026/10/14 19:56:06

使用方式

通过浏览器运行，支持 PC 键盘鼠标和移动端触屏操作，构建后可静态部署。

查看 README 依据

- **NPC 路人**：上班族 / 学生 / 老人 / 游客 / 小孩 / 街坊，会走路、聊天、拍照、买东西、等公交，粤语风格对白，可以合影 - **城市交通**：观光巴士 1 路（广州塔 ⇄ 珠江新城 ⇄ 北京路 ⇄ 陈家祠）、18 个地铁站快速传送、珠江夜游、广州塔电梯、白云索道、城市车流 - **天气与时间**：晴 / 阴 / 雨 / 台风随机变化，早晨 → 下午 → 黄昏 → 夜晚循环，夜晚窗灯、霓虹与灯光秀 - **收集与任务**：图鉴（建筑 / 食物 / 文化）、纪念品背包、新手任务链、7 个城区任务、每日任务（按日期刷新） - **性能优化**：分块流式加载、景点按距离加载/卸载 + 远景 LOD、合并网格、三档画质设置 --- ## 🚀 快速开始 ```bash # 安装依赖 npm install # 本地开发（默认 http://localhost:5173） npm run dev # 生产构建（输出到 dist/，可直接静态部署） npm run build # 本地预览构建产物 npm run preview ``` > 构建使用相对路径（`base: './'`），`dist/` 可直接部署到任意静态托管（GitHub Pages、Vercel、Nginx 等）。 --- ## 🎮 操作说明 ### PC 端

| 按键 | 功能 | | --- | --- | | `W` `A` `S` `D` | 移动 | | `Shift` / `空格` | 奔跑 / 跳跃 | | 鼠标 | 旋转视角（点击画面锁定鼠标） | | `V` | 切换第一/第三人称 | | `C` | 进入/退出摄影模式 | | `F` / 点击快门 | 拍照 | | `1` – `6` | 摄影滤镜 | | `E` | 交互 / 对话 / 乘车 | | `T` | 时间快进 | | `M` / `B` / `P` / `N` / `J` | 地图 / 背包 / 相册 / 图鉴 / 任务 | | `H` / `Esc` | 帮助 / 关闭面板 | ### 移动端 - 左侧**虚拟摇杆**移动，右侧滑动旋转视角 - 右下按钮：跳 / 跑 / 交互 `E` / 摄影 📷 / 视角 👁 - **竖屏进入游戏会提示"请横屏操作"**（可选择仍要竖屏继续），旋转手机后自动进入横屏布局 - **横屏时底部菜单提供"⛶ 全屏"按钮**，一键进入全屏并锁定横屏方向（支持 Fullscreen API 的浏览器） - 小提示：iOS Safari 不支持网页全屏接口时，全屏按钮会自动隐藏 --- ## 📁 项目结构 ``` guangzhou/ ├── index.html # 入口 HTML

部署要求

需要 Node.js 环境进行开发构建，浏览器需支持 WebGL 和 Fullscreen API（移动端全屏功能）。

查看 README 依据

- **NPC 路人**：上班族 / 学生 / 老人 / 游客 / 小孩 / 街坊，会走路、聊天、拍照、买东西、等公交，粤语风格对白，可以合影 - **城市交通**：观光巴士 1 路（广州塔 ⇄ 珠江新城 ⇄ 北京路 ⇄ 陈家祠）、18 个地铁站快速传送、珠江夜游、广州塔电梯、白云索道、城市车流 - **天气与时间**：晴 / 阴 / 雨 / 台风随机变化，早晨 → 下午 → 黄昏 → 夜晚循环，夜晚窗灯、霓虹与灯光秀 - **收集与任务**：图鉴（建筑 / 食物 / 文化）、纪念品背包、新手任务链、7 个城区任务、每日任务（按日期刷新） - **性能优化**：分块流式加载、景点按距离加载/卸载 + 远景 LOD、合并网格、三档画质设置 --- ## 🚀 快速开始 ```bash # 安装依赖 npm install # 本地开发（默认 http://localhost:5173） npm run dev # 生产构建（输出到 dist/，可直接静态部署） npm run build # 本地预览构建产物 npm run preview ``` > 构建使用相对路径（`base: './'`），`dist/` 可直接部署到任意静态托管（GitHub Pages、Vercel、Nginx 等）。 --- ## 🎮 操作说明 ### PC 端

| 按键 | 功能 | | --- | --- | | `W` `A` `S` `D` | 移动 | | `Shift` / `空格` | 奔跑 / 跳跃 | | 鼠标 | 旋转视角（点击画面锁定鼠标） | | `V` | 切换第一/第三人称 | | `C` | 进入/退出摄影模式 | | `F` / 点击快门 | 拍照 | | `1` – `6` | 摄影滤镜 | | `E` | 交互 / 对话 / 乘车 | | `T` | 时间快进 | | `M` / `B` / `P` / `N` / `J` | 地图 / 背包 / 相册 / 图鉴 / 任务 | | `H` / `Esc` | 帮助 / 关闭面板 | ### 移动端 - 左侧**虚拟摇杆**移动，右侧滑动旋转视角 - 右下按钮：跳 / 跑 / 交互 `E` / 摄影 📷 / 视角 👁 - **竖屏进入游戏会提示"请横屏操作"**（可选择仍要竖屏继续），旋转手机后自动进入横屏布局 - **横屏时底部菜单提供"⛶ 全屏"按钮**，一键进入全屏并锁定横屏方向（支持 Fullscreen API 的浏览器） - 小提示：iOS Safari 不支持网页全屏接口时，全屏按钮会自动隐藏 --- ## 📁 项目结构 ``` guangzhou/ ├── index.html # 入口 HTML

已知限制

iOS Safari 不支持网页全屏接口时全屏按钮会自动隐藏。

查看 README 依据

| 按键 | 功能 | | --- | --- | | `W` `A` `S` `D` | 移动 | | `Shift` / `空格` | 奔跑 / 跳跃 | | 鼠标 | 旋转视角（点击画面锁定鼠标） | | `V` | 切换第一/第三人称 | | `C` | 进入/退出摄影模式 | | `F` / 点击快门 | 拍照 | | `1` – `6` | 摄影滤镜 | | `E` | 交互 / 对话 / 乘车 | | `T` | 时间快进 | | `M` / `B` / `P` / `N` / `J` | 地图 / 背包 / 相册 / 图鉴 / 任务 | | `H` / `Esc` | 帮助 / 关闭面板 | ### 移动端 - 左侧**虚拟摇杆**移动，右侧滑动旋转视角 - 右下按钮：跳 / 跑 / 交互 `E` / 摄影 📷 / 视角 👁 - **竖屏进入游戏会提示"请横屏操作"**（可选择仍要竖屏继续），旋转手机后自动进入横屏布局 - **横屏时底部菜单提供"⛶ 全屏"按钮**，一键进入全屏并锁定横屏方向（支持 Fullscreen API 的浏览器） - 小提示：iOS Safari 不支持网页全屏接口时，全屏按钮会自动隐藏 --- ## 📁 项目结构 ``` guangzhou/ ├── index.html # 入口 HTML