在像素校园里逛立信

「Lixin 学习 RPG」是藏在站点里的一个纯前端像素风校园 RPG(入口 /lixin/play/)。首次进入会以游客身份直接开始,也可以在「设置」里创建本地账号保存进度;不需要下载客户端,打开网页就能在像素版的立信校园里走一走、完成任务,并和课程 NPC 聊聊学习。

按真实布局重建的双校区地图

v1.1 把地图按学校两个校区的真实建筑布局重新搭建,左半是文翔路校区(松江 · 文翔路 2800 号,主校区),右半是上川路校区(浦东 · 上川路 995 号),中间由校际通道拼接,可以自由跨校区走动:

文翔路校区

  • 序伦大楼(校园最高建筑,行政与学生事务中心)、图书馆(“古罗马斗兽场”)、柿子湾
  • 教学楼群:学验楼(机房/听力教室)、育才楼(3 号楼"迷宫")、吉祥楼、北碚楼、徐汇楼、云间楼、长乐楼(医务室)
  • 中国会计博物馆、昭信堂(活动演出)、诚信广场(中央诚信柱)
  • 学子食堂、师苑餐厅、体育馆、操场、网球排球场

上川路校区

  • 赵朱木兰图书馆(与行政楼相连)、第一/二/五/六教学楼
  • 实验中心(7 层机房)、文博楼、击剑中心
  • 钱币广场(进校门的地标广场)、金融广场(雕塑"融")
  • 综合服务楼(第一食堂 + 电影院)、第二食堂、金融家俱乐部、学生活动中心
  • 体育馆、室外运动场、新苑 1-3 号宿舍

校园里还有路灯、长椅、树丛和花坛,湖面带动态波纹——地图场景整体预渲染在独立的背景图层里,走动时非常流畅。顶部 HUD 会显示当前校区、熟悉度星级和进行中的任务;「校园导航」可以快速定位五个主要区域,不必在大地图里反复绕路。

先做什么:一条 5 分钟入门路线

当前版本(v1.17)把探索和学习行为串成了轻量任务链:

  1. 从序伦大楼或钱币广场出发,打开「校园导航」认识至少 3 个区域。
  2. 找两位课程 NPC,先用「自由问答」问一个具体概念,再按需要开启「Grill me 摸底」。
  3. 与两位学生角色聊聊校园生活,最后从右上角菜单打开「学习旅程」查看完成度。

任务会自动记录在浏览器本地,不会上传账号信息;刷新页面后仍会保留。移动端可直接使用屏幕下方方向键和 A 键,桌面端则支持 WASD / 方向键移动、空格互动。

七位 NPC:学长 + 六门课程

地图上站着七位可以对话的角色:

NPC负责内容
学长「立信学习」全站向导、校区与备考路径
会计学NPC会计恒等式、借贷记账、三大报表
微积分一NPC极限、导数、中值定理、不定积分
微积分二NPC定积分、级数、多元函数、重积分
线性代数NPC行列式、矩阵、特征值、二次型
概率论NPC概型、随机变量、分布、大数定律
PythonNPC语法、控制流、函数、类与对象

每位 NPC 都有两种对话模式:

  • 💬 自由问答 — 直接问课上问题,NPC 按自己的知识边界回答,超出范围会礼貌拒答
  • 🔥 Grill me 摸底 — 让 NPC 逐题考你,答完即时点评,最后给出掌握度百分比

默认使用内置 Demo 回复;在右上角「⚙ 设置」里填入自己的后端地址后,对话会切换为真实大模型(密钥只存在后端环境变量,不进前端)。

怎么玩

  1. 打开 /lixin/play/
  2. 点地面让小人走动,或用 WASD / 方向键(手机使用屏幕方向键)移动
  3. 点 NPC,或靠近后按空格 / A 键互动;靠近学生也可以直接交谈
  4. 用顶部「校园导航」快速移动到已知地标,用「学习旅程」查看任务与进度
  5. 点 NPC 上方的 📖 村民图鉴可以查看全部角色的知识边界

右上角的 📜 更新日志会持续记录每次迭代内容,欢迎围观这个像素校园的成长。

地图编辑器:给校园添一条路

配套编辑器位于 /lixin/play/tile-editor/,适合在本地调整地表、道路、水域、建筑、路灯和装饰物。编辑器提供素材搜索、图层显隐与定位、40 步撤销 / 重做、JSON 导入导出和游戏预览;保存后刷新游戏即可看到地图变化。

编辑器的完整启动方式、数据格式和贴图目录见 static/lixin/play/tile-editor/README.md。地图数据同时兼容当前的 map-data.json 和旧版 tile-overrides.json,因此可以逐步迁移已有地图,不必一次重做。