王虹获菲尔兹奖的挂谷猜想，我让Codex给我写了一个互动实验，已上线

大家好，我是 Ai 学习的老章

2026 年 7 月 23 日，王虹在费城国际数学家大会获得菲尔兹奖

官方获奖词提到她在调和分析与几何测度论中的一系列贡献，其中包括 Fourier restriction、局部光滑、Falconer 距离问题、Furstenberg 集合，以及三维挂谷猜想

新闻里常把挂谷猜想压缩成一句话：一根针，怎样占满三维空间

这句话足够吸引人，也容易让人误会

我想知道，如果不从一串定义和公式开始，一个普通读者能不能通过旋转、拖动和调参数，先看懂这道题到底在问什么

于是我把核验资料、页面设计、三维实验、二维画布和上线要求一起交给 Codex

最后做成了一个能直接打开的互动实验室

互动实验：kakeya-conjecture-lab·pages·dev

挂谷猜想

故事从 1917 年的挂谷针问题开始

一根长度固定的针，要在平面区域里连续转过 180 度，所需面积最小能有多小

如果区域必须是凸集，Pál 找到的最优答案是高为 1 的等边三角形

取消凸性限制以后，Besicovitch 的构造说明面积可以压到任意小

后来形成的挂谷集合问题更强调方向

在 (n) 维欧氏空间里，如果集合 (K) 对每个方向都包含一条单位线段，那么 (K) 被称为挂谷集合或 Besicovitch 集合

这样的集合可以拥有零 Lebesgue 测度

现代挂谷集合猜想认为，它的 Hausdorff 维数仍然必须等于 (n)

常见的 Minkowski 版本也预言完整维数

王虹与 Joshua Zahl 在 2025 年证明了三维情形

他们得到的是三维挂谷集合的 Hausdorff 维数与 Minkowski 维数都等于 3

目前解决的是三维

四维及以上的完整猜想仍然开放，更强的 Kakeya maximal conjecture 也仍然没有解决

我让 Codex 做了什么

我对Codex的要求：先查清事实，再想怎么把抽象概念变成可以操作的画面

下面是我整理后的完整提示词

它既可以复刻这个挂谷猜想页面，也可以替换主题后制作日食、月食、太阳系等科学实验

你是一名擅长科学可视化、交互叙事和前端开发的设计工程师

请为我制作一个中文单页互动科普网站

项目主题：
挂谷猜想 Kakeya Conjecture

项目目标：
让第一次接触挂谷猜想的普通读者先建立直觉，再理解正式定义、三维结论、证明路线与仍未解决的问题
页面必须适合电脑和手机访问
成品要有完整视觉设计，避免普通文档页和模板页的感觉

一、事实与资料要求

1. 先核验资料再写页面
2. 区分以下三个问题：
   - 1917 年的挂谷针问题
   - Besicovitch 集合
   - 现代挂谷集合猜想
3. 准确说明：
   - 在 R^n 中，挂谷集合对每个方向都包含一条单位线段
   - 这类集合可以拥有零 Lebesgue 测度
   - 挂谷集合猜想预言 Hausdorff 维数为 n
   - 常见 Minkowski 版本也预言完整维数
   - 王虹与 Joshua Zahl 在 2025 年证明三维情形，两种维数都等于 3
   - 2026 年 Larry Guth、王虹与 Joshua Zahl 发布精简证明
   - 四维及以上仍然开放
   - Kakeya maximal conjecture 仍未解决
4. 准确说明菲尔兹奖：
   - 2026 年王虹获得菲尔兹奖
   - 三维挂谷猜想是她的代表性成果之一
   - 官方获奖词还覆盖 Fourier restriction、局部光滑、Falconer 距离问题、Furstenberg 集合等贡献
5. 所有重要结论都要能回到官方资料、原始论文或可靠综述
6. 禁止虚构定理、数字、引文、论文结论和证明步骤
7. 页面必须明确提示：
   有限线段、有限细管、像素覆盖和动画只用于建立直觉，不能充当数学证明

二、页面叙事结构

按以下顺序组织页面：

1. 顶部导航
   - 直觉
   - 定义
   - 证明地图
   - 时间线
   - 来源
   - 暂停旋转按钮

2. 首屏
   - 大标题：一根针，如何占满三维空间？
   - 简短说明：从 1917 年的转针问题，到王虹与 Joshua Zahl 证明三维挂谷集合具有完整维数
   - 开始实验按钮
   - 右侧放置 Three.js 三维实验台

3. 三个问题的区分
   - 挂谷针问题
   - Besicovitch 集合
   - 现代挂谷集合猜想

4. 二维直觉实验
   - 用 HTML Canvas 绘制有限方向的单位线段
   - 支持中心交汇、错位压缩、分组束化
   - 用像素统计估算覆盖比例
   - 明确显示线段数量与覆盖比例

5. 正式定义
   - 给出挂谷集合定义
   - 解释 Lebesgue 测度、Hausdorff 维数、Minkowski 维数之间的区别
   - 用另一块 Canvas 展示线段的 δ 邻域
   - 提供 δ 滑杆
   - 展示离散细管版本的直觉公式

6. 证明地图
   - 细管
   - 粗管
   - 黏连
   - 木纹颗粒
   - 尺度归纳
   - 提供直觉层与数学层切换
   - 文字保持克制，不声称网页展示了完整证明

7. 已知与未知
   - 明确三维已经解决
   - 明确四维及以上仍然开放
   - 明确更强版本仍未解决

8. 时间线
   - 1917
   - Besicovitch 的突破
   - Katz、Łaba、Tao 等人的结构推进
   - 2022 sticky Kakeya
   - 2025 三维完整证明
   - 2026 精简证明与菲尔兹奖

9. 来源
   - 国际数学联盟 2026 菲尔兹奖页面
   - 王虹官方获奖词
   - Wang–Zahl 三维挂谷论文
   - Guth–Wang–Zahl 精简证明
   - Larry Guth 综述
   - Terence Tao 讲解
   - UBC 数学系新闻

三、Three.js 三维实验要求

1. 使用 Three.js
2. 用细圆柱或细管表示有限方向的单位线段
3. 方向在球面上近似均匀采样
4. 提供四种排列：
   - 中心星束
   - 分散排列
   - 多尺度黏连
   - 木纹颗粒
5. 提供样本数量滑杆，范围约为 80 到 900
6. 提供管半径 δ 滑杆
7. 支持拖动旋转、滚轮缩放、重置视角、暂停旋转
8. 参数改变后立即更新模型与状态文字
9. 控制性能，避免每一帧重复创建大量对象
10. 页面离开视口或开启减少动画时，应降低不必要的运动

四、视觉要求

1. 整体采用编辑部科学手册风
2. 主背景为暖米白色
3. 实验区域为深海军蓝
4. 强调色使用红色与少量琥珀色
5. 中文大标题使用宋体气质的字体
6. 参数、编号和图注使用等宽字体
7. 大量使用细线、编号、坐标网格和留白
8. 保持科学、克制、现代
9. 避免大面积渐变、玻璃卡片、荧光科技风和过度圆角
10. 首屏标题与三维面板必须保留安全间距
11. 问号、标点和大字不能被三维面板遮挡

五、响应式与可用性

1. 至少检查 390×844、1440×900、1920×1080、2560×1440
2. 页面不得出现横向滚动
3. 手机端标题、画布和控制区要重新排布
4. 所有按钮可以用键盘访问
5. Canvas 提供可读的 aria-label
6. 遵守 prefers-reduced-motion
7. 保持足够的文字对比度

六、交付要求

1. 使用 Vite 构建
2. 最终产物打包为单个 dist/index.html
3. 提供 npm run dev
4. 提供 npm run build
5. 提供 Cloudflare Pages 发布命令
6. 提供 README，写明运行方法、在线地址、资料来源和演示边界
7. 提供清晰的项目目录
8. 代码中不要写入密钥

七、完成前检查

1. 实际运行项目
2. 打开页面检查首屏
3. 点击四种三维排列
4. 调节全部滑杆
5. 测试拖动、缩放、重置和暂停
6. 检查两块 Canvas
7. 检查证明层级和五个阶段
8. 检查所有来源链接
9. 检查浏览器控制台
10. 检查桌面与手机截图
11. 特别确认标题最后的问号完整可见

如果要复刻其他科学主题：

保留上面的事实核验、直觉模型、互动实验、边界说明、响应式检查和来源追溯
替换主题对象、核心变量、模型运动规则、时间线和权威资料

例如日食：
使用太阳、月球、地球、光线、本影、半影、轨道倾角与时间控制

例如月食：
使用太阳、地球、月球、地球影锥、月球轨道与食分变化

例如太阳系：
使用行星、轨道、周期、尺度切换、相对运动与时间倍速

项目怎么运行

项目已经公开，GitHub 仓库：https://github·com/tjxj/kakeya-conjecture-lab

下载后进入项目目录，依次执行

npm install
npm run dev

需要生成发布版本时执行

npm run build

生成结果是一个可以直接发布的单文件网页

这套方案还能复刻什么

做完挂谷猜想以后，我发现真正值得复用的内容是一套流程

先核验事实，再做直觉模型，然后设计互动，把数学或科学边界写清楚，最后发布成电脑和手机都能访问的页面

复杂科学问题互动化的通用流程

比如日食

把太阳、月球和地球放进三维空间，让孩子拖动月球位置，就能观察本影、半影和日食带怎样变化

比如月食

让读者改变三者相对位置，直接看到月球什么时候进入地球影子，也能理解为什么月食不会每个月都发生

比如太阳系

把行星轨道、周期、相对速度和尺度做成可切换的模型，读者可以先建立整体印象，再继续理解开普勒定律、逆行和会合周期

四季、潮汐、月相、卫星轨道、板块运动、光的折射，也都适合采用相同方法

对小孩子来说，抽象句子会变成可以动手观察的现象

科学知识和背后的文化故事会更容易留下来

对成年人来说，这种页面能快速搭起一个陌生领域的框架

先知道关键对象、变量、关系和边界，再去读论文、书籍或专业课程，学习速度会快很多

它尤其适合解释那些静态图片很难说清的主题

只要问题里存在空间关系、时间变化、尺度变化或参数影响，互动实验就有发挥空间