这是我们的毕业设计——《基于 Web 游戏化设计与 AR 拓展体验的南通苏超"小狼"足球 IP 交互系统设计与实现》。选题来自一个很具体的观察:身边看苏超的人越来越多,但"看完就走"——赛事内容消费完就散了,IP 没有留下可以反复把玩的东西。
我们的回答是:把球队 IP 做成一个能玩的系统。六款游戏承接"看球之外的时间",积分闭环把一次性的访问变成持续的访问,AR 则给数字 IP 一个"摸得到"的实体接口。
零依赖单文件网页游戏,手机电脑即开即玩:守门员扑救、任意球主罚、3D 画线射门、盘带闯关、自走棋、动作连连看。
签到、对局、分享、AR 四类获取路径,徽章、周榜、盲盒三类消耗出口,防刷规则内置。
小程序 AR 做主体验,手写 WebGL 网页 WebAR(摄像头实机放置 + 手势 + 合影)做零门槛兜底,两轨共用一套积分规则。
毕业设计《基于 Web 游戏化设计与 AR 拓展体验的南通苏超“小狼”足球 IP 交互系统设计与实现》——游戏设计与前后端、AR 与视觉设计、后端服务,三个人包下了全部。点击头像查看完整分工。
原则就一条:能静态就不动态,能零依赖就不引库。完整架构文档见项目目录下的 ARCHITECTURE.md。
无构建、无框架,原生 HTML/CSS/JS。iframepostMessage 把六款单文件游戏原样嵌入并回传分数。
Node 22 原生 node:http + node:sqlite,零 npm 依赖;负责积分验分、盲盒发放、资讯管理。server/ 目录含 13 个 API 骨架。
微信小程序 AR 能力 + 低模 3D 小狼(面数 < 8K),分享链路最短。miniprogram/ 目录有接入说明。
可添加到主屏幕、游戏离线可玩;资讯/奖池/任务后台在线配置,深色模式与 PC/手机全端兼容。
👉 站点导航、积分闭环、API 清单、数据表设计与四周排期,都写在 wolf-ip-site/ARCHITECTURE.md 里。