首页 / 关于我们

关于我们

一个毕业设计,一只狼,六款游戏,和一个想认真转起来的积分闭环。

BACKGROUND

项目从哪来

这是我们的毕业设计——《基于 Web 游戏化设计与 AR 拓展体验的南通苏超"小狼"足球 IP 交互系统设计与实现》。选题来自一个很具体的观察:身边看苏超的人越来越多,但"看完就走"——赛事内容消费完就散了,IP 没有留下可以反复把玩的东西。

我们的回答是:把球队 IP 做成一个能玩的系统。六款游戏承接"看球之外的时间",积分闭环把一次性的访问变成持续的访问,AR 则给数字 IP 一个"摸得到"的实体接口。

🎮
六款自研游戏

零依赖单文件网页游戏,手机电脑即开即玩:守门员扑救、任意球主罚、3D 画线射门、盘带闯关、自走棋、动作连连看。

🔁
积分任务闭环

签到、对局、分享、AR 四类获取路径,徽章、周榜、盲盒三类消耗出口,防刷规则内置。

📦
双轨 AR

小程序 AR 做主体验,手写 WebGL 网页 WebAR(摄像头实机放置 + 手势 + 合影)做零门槛兜底,两轨共用一套积分规则。

TEAM

三个人,一条狼

毕业设计《基于 Web 游戏化设计与 AR 拓展体验的南通苏超“小狼”足球 IP 交互系统设计与实现》——游戏设计与前后端、AR 与视觉设计、后端服务,三个人包下了全部。点击头像查看完整分工。

TECH

技术架构速览

原则就一条:能静态就不动态,能零依赖就不引库。完整架构文档见项目目录下的 ARCHITECTURE.md。

🌐
前端 · 静态多页

无构建、无框架,原生 HTML/CSS/JS。iframepostMessage 把六款单文件游戏原样嵌入并回传分数。

⚙️
后端 · Node 轻服务

Node 22 原生 node:http + node:sqlite,零 npm 依赖;负责积分验分、盲盒发放、资讯管理。server/ 目录含 13 个 API 骨架。

📱
小程序 · AR 主轨

微信小程序 AR 能力 + 低模 3D 小狼(面数 < 8K),分享链路最短。miniprogram/ 目录有接入说明。

🧩
PWA + 配置化

可添加到主屏幕、游戏离线可玩;资讯/奖池/任务后台在线配置,深色模式与 PC/手机全端兼容。

👉 站点导航、积分闭环、API 清单、数据表设计与四周排期,都写在 wolf-ip-site/ARCHITECTURE.md 里。

来主场看球,顺便找我们要周边

项目合作、IP 授权、或者只是想聊聊那记绝平球——都欢迎。演示站点数据保存在本地浏览器,正式版持续打磨中。

🎮 先去玩一局 回到首页