全栈 Web 开发
从页面结构、样式与交互，到后端接口与数据存储，一个人把一条链走通。
陕西科技大学 · 计算机268班 · 在读
第一屏，
第一屏，
就把作品讲清楚。
Arctic Lab 是李宣德的作品集 —— 一个把想法直接做成能用的东西的地方： 联机小游戏、浏览器里的工具、以及一个长期在跑的个人站点。 这里放的每一件作品，都可以现在就点开。
20在线可玩小游戏
8自研工具与站点
1长期运行的服务器
01 / WORKS
作品
从零写起、跑在自己的服务器上、真的有人在用。下面每一个入口都能直接打开。
01
游戏
代表作
节奏打击 Pro · 在线音游
自己设计谱面格式与判定逻辑的网页音游：情感谱面、在线排行榜、共享曲库，全部在浏览器里跑。
Web AudioCanvas排行榜 API
打开作品 →
实时联机
你画我猜
传画接龙，2–8 人同房间实时同步，断线可重连。
WebSocketNode
打开作品 →
多人房间
狼人杀
身份分发、夜晚流程与自动结算，一屋子人一起玩。
Socket.IO状态机
打开作品 →
棋类合集
象棋 · 五子棋
完整棋规校验与人机对战，另有黑白棋、国际象棋、跳棋等。
规则引擎AI 搜索
打开作品 →
新入口
快传 · 收件码
输入 6 位收件码即可取件；发件无需注册，登录后单文件最大 200MB，支持整包 ZIP 下载。
收件码取件200MB 大文件ZIP 打包
打开作品 →
02
学校工具
02 / FEATURES
能做什么
不是纸面清单 —— 上面每件作品背后都是这几件事的组合。
实时联机
WebSocket 与 Socket.IO 的房间模型、状态同步、断线重连与消息时序处理。
浏览器内计算
WebAssembly 与音视频处理：把 ffmpeg 搬进浏览器，用访问者的算力做重活。
部署与运维
Nginx 反向代理、443 单端口复用与 SNI 分流、systemd 常驻服务、证书续期。
自动化脚本
用 Python 与 Node 写小工具，把重复的事情一次性自动化掉。
界面与体验
响应式布局、动效节奏、可访问性与性能预算，让东西好看也真的能用。
03 / TESTIMONIALS
一起用过的人怎么说
来自同学、队友和一起做课程项目的伙伴。
★★★★★
需求说一遍就能落地，第二天就能点开链接试玩。联机卡顿的问题他当天就定位到了。
★★★★★
把 ffmpeg 搬到浏览器里这件事，我原本以为是天方夜谭，结果他真的做出来了，还不卡。
★★★★★
校园通知订阅救了我，再也不用一个个群翻消息了。整个站点一直很稳。