我做 AI 产品。 这个网站就是其中之一。

我做了什么

• 创建项目并上线
• 聊天机器人的大脑：它如何检索、如何回答
• 重做了聊天机器人页面

• 创建项目并部署到 Cloudflare Pages
• 聊天函数和大部分 RAG：Astra DB、相似度阈值、系统提示词
• API 中的上下文操作和快捷建议，以及重做的 AI 页面

怎么玩

1. 在画面上移动鼠标，驾驶白色飞船。
2. 橙色的 Player 2 会掩护你。
3. 在网格里画敌人：它们会按这个形状飞来。

我做了什么

• 关卡编辑器，以及在游戏中加载它做的关卡
• 团队每次改代码时的自动检查
• 说明玩家如何与服务器通信的书面指南

• Python 编写的地图编辑器，支持导出 JSON
• 在游戏端和服务器端加载 JSON 关卡
• GitHub Actions 上的 CI 流水线
• 协议和编辑器文档，以及服务器端的加速道具

这个网格是我写的编辑器的浏览器版。原版是桌面工具。

怎么玩

1. 点选一种外观：平滑、像素或文字。游戏不会中断。
2. Player 2 正在玩。按方向键即可接手。
3. 在手机上，在画面上滑动。

我做了什么

• 贪吃蛇游戏
• 三种外观的第一版
• 图片素材，以及给其他开发者的指南

• 贪吃蛇：键盘控制、穿越边界、计分
• 三个渲染器的第一版：SFML、SDL2、ncurses
• SFML 和 SDL2 的精灵图，以及接口文档

虚线是 Player 2 规划好的、通往苹果的路线。为浏览器重新绘制：一份游戏状态，三个渲染器。Player 2 用广度优先搜索规划路线。

怎么玩

1. 在画面上按住鼠标键，或按住空格键，即可上升。
2. 松开即下降。
3. 吃金币，躲激光。

我做了什么

• 服务器及其与玩家的连接
• 读取关卡文件
• 金币、障碍和碰撞
• 判定谁赢谁输

• 服务器：连接与玩家，使用 poll()
• 加载 ASCII 地图并缩放到 1920 × 1080
• 金币、障碍、碰撞和滚动
• 胜负条件

游戏下方的框实时显示裁判掌握的数据。游戏下方的面板是服务器端视角。消息名称是真实的；数值在这里计算。

怎么玩

1. 按方向键或按钮：你的命令会进入蓝色队列。
2. 时间一到，服务器就执行它。走到金色食物那里，把它拿下。
3. 一次发出超过 10 条命令，服务器就会回复 ko。

我做了什么

• 所有 AI 玩家和 3D 视图都连接的那台服务器
• 每个玩家的命令等待队列，以及它的计时
• 向前走，以及给其他所有玩家发消息

• 服务器数据结构、socket 和 poll() 循环、客户端连接与队伍校验、参数解析
• 图形协议命令：msz、tna、bct、mct、ppo、pnw
• 每个客户端的延迟命令队列：10 个位置，执行时间由频率决定
• Forward、Broadcast 和 Connect_nbr，内存泄漏修复，以及 3D 客户端里的网络类

为浏览器重写的版本：页面里运行的是服务器规则的简化副本。真正的服务器是一个 C 程序，通过 TCP 和客户端通信。

怎么玩

1. 选一个冠军，另一个由 Player 2 来选。
2. 看双方往共享内存里写东西。不再说 live 的程序会被移除。
3. 先暂停，再点“单步”，就能读到你的程序下一步要执行的指令。

我做了什么

• 从文件加载每个冠军，并放进共享内存
• 从字节里读出每条指令，等延迟过后再执行
• 记录谁说了 live，判断谁还留在场上

• 读取 .cor 冠军文件，十进制与十六进制互转
• 创建竞技场并放入冠军
• 指令解码、记录每次 live，以及 and、or、xor 和 aff 指令
• 指令延迟和错误处理

为浏览器重写的版本，指令集更小，三个冠军是专为本页编写的。真正的虚拟机用 C 写成，运行编译好的 .cor 文件。

怎么玩

1. 选一张语言卡片，或勾选你仓库里的文件。
2. 推送一个提交，配合 Jenkins 日志看每一步。
3. 试试同时放两种语言、不放语言文件，或把同一个提交推两次。

我做了什么

• 十个 Docker 镜像：五种语言各有一个 base 镜像和一个 standalone 镜像
• Befunge 镜像，它会从源码构建自己的解释器
• 说明如何构建和使用这些镜像的指南

• 十个 Dockerfile（Dockerfile.base 和 Dockerfile.standalone），覆盖 C、Java、JavaScript、Python 和 Befunge
• 多阶段构建：在一个镜像里编译，在更小的镜像里运行；为 Befunge 用 cmake 构建 cfunge
• docs/docker_image.md：构建命令、每个镜像的规则、仓库结构

在你的浏览器里重演：并没有真的构建任何东西。识别规则、构建方式的选择和 Dockerfile 的步骤都来自项目本身。Kubernetes 部署步骤没有完成，所以没有展示。

怎么玩

1. 改一下场景文件里的数字。图像会重画，先粗后细。
2. 故意把文件改坏：错误信息会指出是哪一行、哪里不对。
3. 在你开始输入之前，Player 2 会移动光源、球体和相机。

我做了什么

• 读取场景文件的部分：相机、球体、平面和光源
• 存放相机、形状和光源的 Scene 类

• 用 libconfig++ 解析场景：相机（分辨率、位置、旋转、视野）、球体、平面、环境光和平行光
• Scene 类：统一存放相机、图元和光源的容器
• 通过团队的 PrimitiveBuilder 创建形状

在浏览器里重做的版本。场景格式遵循项目的解析器。额外的检查和画图用的小渲染器是为本页编写的，还有原版没有的阴影。

怎么玩

1. 点击终端，输入一条命令，按 Enter。
2. 用 > 或 >> 把输出写进文件，或用 | 交给另一条命令。
3. 输入 cat << END，再写几行，最后输入 END：shell 会把这几行当作输入读取。

我做了什么

• 提示符循环：读一行、执行、再显示提示符
• 在 PATH 的各个文件夹里查找程序并运行
• 内置命令：cd、env、setenv、unsetenv、exit
• 把输出写进文件，读取 << 之后输入的文本，把一条命令的输出交给下一条命令

• 用 getline 读取的提示符 "$> "；fork、execve 和 waitpid；程序崩溃时的提示信息（Segmentation fault、Floating exception）
• 支持路径、无参数（HOME）和 cd - 的 cd，并更新 PWD 和 OLDPWD；带名称校验的 setenv、unsetenv、env、exit
• 用 dup2 和 pipe 实现的重定向 > 和 >>、<< heredoc，以及 ; 分隔符
• 两条命令之间的管道，以及我自己的 printf 库

为浏览器重写的版本：页面里运行的是 shell 规则的一个小副本，配一个模拟的文件系统和几个程序。真正的 shell 是 C 程序，运行的是真正的程序。

怎么玩

1. 拖动滑块或选一条规则：30 看起来很随机，90 画出三角形，110 会长出结构。
2. 点击小方块，翻转规则的一部分。
3. 也可以自己输入命令，选项和真正的程序一样。

我做了什么

• 读取程序名后面输入的选项，并拒绝错误的选项
• 根据上一行算出每一行新的格子
• 用星号把各行居中打印在窗口里

• 参数解析：--rule（必填）、--start、--lines、--window（默认 80）、--move；参数错误时退出码为 84
• 规则 30、90 和 110 的下一代计算
• 显示循环，以及 Stack 项目配置

为浏览器重写的版本。原始的 Haskell 程序只接受规则 30、90 和 110；本页可运行 0 到 255 之间的任意规则。

怎么玩

1. 在画板上画画：Player 2 会让开。
2. 在工具栏换颜色、换粗细，或拿起橡皮擦。
3. 点“保存为 PNG”，留住你的画。

我做了什么

• 窗口和工具栏按钮
• 颜色和铅笔粗细的选择，以及橡皮擦
• 帮助界面，以及把画保存为图片

• CSFML 窗口和工具栏：每个按钮一个 sprite，点击时做命中检测
• 八种颜色，三种铅笔半径（5、18、35 px），用 rgb(22, 22, 22) 涂色的橡皮擦
• 显示或隐藏帮助浮层，把窗口中的画板复制到图片文件

根据 C 版本用 TypeScript 为浏览器重写：颜色、粗细和橡皮擦都一样。这里的铅笔会填补圆点之间的空隙，保存的文件是带日期的 PNG，而不是 test.jpg。

怎么玩

1. 输入一条消息和一个密钥。
2. 在块模式和流模式之间切换，看每个字节怎么变。
3. 解密回来：用同一个密钥再做一次 XOR，就能得到原消息。

我做了什么

• XOR 加密，分块模式和流模式
• 文本与十六进制之间的互相转换
• 把每条命令分发给对应算法的入口

• xor_block 和 xor_stream：每块字节反转（小端），再与密钥做 XOR
• 流模式用零补齐最后一块，解密时去掉
• hex_to_bytes 和 print_hex，动态读取 stdin，main 分发 xor、aes 和 rsa

根据 C 版本为浏览器重写，只有 XOR。用短密钥重复做 XOR 只是课堂上的加密方法，保护不了真正的秘密。

怎么玩

1. 按住电键：短按是点，长一点是划。
2. 按住一秒或更久，结束当前字母。
3. 在输入框里看到你的名字，然后登录（只是个玩具）。

我做了什么

• 登录页的摩尔斯电码输入
• 短按是点，长按是划，很长的按压进入下一个字母
• 实时翻译成字母，以及用 Backspace 改错

• 在空格键上用 keydown 和 keyup 测量按压时长：小于 200 ms 为点，小于 800 ms 为划，1 s 及以上为字母间隔
• 把摩尔斯码表反转成查找表，每次按键后逐个字母解码
• 组件的模板和样式，以及路由，后来迁移到 provideRouter

根据 Angular 版本为浏览器重写，时间参数相同。“点”“划”和“下一个字母”按钮是本页额外加的。没有账号，也没有密码。