▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
OPUS SHOWCASES · PURE SVG GAMES
纯 SVG 作品合集
由 Claude Opus 5.5 写成的纯 SVG 作品：玩法与画风各不相同的小游戏，以及鹈鹕骑自行车、骑行系列和 SVG 动画。每一款都只是一个 .svg 文件：画面、界面、游戏逻辑和音效全部写在同一个文件里，不依赖任何外部图片、字体或脚本，浏览器直接打开就能玩。
5/5款游戏已上线661KB 合计11,168行代码0个外部依赖
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
▶ 开始游戏
PAPER EXPLAINERS · CLAUDE OPUS 5.5
📄 SVG 论文讲解
SVG 能不能用来讲论文？每篇都是一个 .svg 文件：分步讲清论文的核心想法，公式照原文排版，交互里的数值由脚本实时计算——点词看注意力、开关 √d_k、拖动时间看加噪、按原文 Algorithm 2 真实跑一遍采样。←/→ 翻页，浏览器直接打开。
打开讲解 ↗Attention Is All You Need
一个自包含的 SVG 文件，用 8 步动画讲清 Vaswani 等人 2017 年论文的核心：缩放点积注意力与多头注意力。所有矩阵乘法、√d_k 缩放、softmax 和多头拼接都由页面脚本在一个 d_model = 6 的演示模型上实时计算，点词、拨开关、拖滑块、切换注意力头都会看到数值真实变化。版式仿论文插图：纸面背景、Q 橙 / K 蓝 / V 绿三色贯穿，公式用 SVG 文本与 tspan 排版。
操作：← / → 键或底部按钮翻页，空格或「自动播放」自动讲解；点击单词看注意力连线，拨动 √d_k 开关、拖动 d_k 与温度滑块、按 1/2/3 切换注意力头、按 R 打乱词序。
打开讲解 ↗Denoising Diffusion Probabilistic Models
一个自包含的交互式 SVG，用 8 步讲清 DDPM 的三件事：前向逐步加噪、训练网络预测噪声（L_simple）、按 Algorithm 2 从纯噪声一步步采样回数据。所有点云、曲线和数值都在浏览器里按论文设定实时计算（T = 1000，β 从 10⁻⁴ 线性增至 0.02，σ_t² = β_t）；由于浏览器里无法训练 U-Net，去噪器用二维高斯混合的解析最优解代替，并在画面上注明。
操作：←/→ 或底部按钮翻页、A 自动播放；第 3、4、7 步拖动 t（↑/↓ 微调），第 6 步点「开始采样」或按空格运行 Algorithm 2，第 7 步点击图中放下粒子，1/2/3 切换螺旋/双月/DDPM 数据形状。
MORE SVG GAMES
🎮 更多 SVG 小游戏
同样是单个 .svg 文件、同样由 Claude Opus 5.5 写成的另外几款：玩法和画风都和上面的 5 款不同。
PELICAN · CLAUDE OPUS 5.5
🦩 鹈鹕骑自行车
Simon Willison 的经典测试：只给一句 prompt，不许看渲染结果，一次写成。这里是 Opus 5.5 默认档和 max 档各一份静态版、一份动画版。
鹈鹕骑自行车（静态版）
晴空艳阳下的公路上，一只白鹈鹕叼着橙色大喙囊坐在红色自行车上，翅膀握住车把、橙色蹼脚踩着踏板，身后拖着几道速度线。
鹈鹕骑自行车（动画版）
黄昏里系着红围巾的褐鹈鹕蹬着青绿色自行车：车轮与曲柄转动、双腿随踏板往复、身体随蹬踏起伏，围巾飘动、喉囊晃荡、偶尔眨眼，车筐里的鱼摆尾，远山、丘陵和路面分层视差滚动（纯 SMIL，无 JS）。
鹈鹕骑自行车（静态版）
晴空下的公路上，一只戴蓝色头盔、系红围巾的白鹈鹕坐在红色自行车上，黑色翼尖握着车把，橙色喉囊垂在长喙下，前车筐里装着两条鱼。
鹈鹕骑自行车（动画版）
夕阳下一只棕鹈鹕骑着青绿色自行车：车轮和曲柄转动，双腿随踏板踩踏，身体轻颠，喉囊晃动，偶尔眨眼，后架小旗飘扬，远山、云和路面标线视差滚动（纯 SMIL，无脚本）。
RIDERS · CLAUDE OPUS 5.5
🚲 更多骑行系列
把鹈鹕和自行车换成别的动物和交通工具，规则不变：一句英文 prompt，盲画一次成稿，只用 SMIL / CSS 动画。
熊猫骑电动车送外卖
戴黄色头盔的熊猫骑着红色踏板车穿过城市街道，后座黄色外卖箱冒着热气；车轮转动、车身随减震轻颠、蓝围巾飘动，楼群、行道树和车道线分层向后滚动。
企鹅踩滑板
戴红色毛线帽、围青绿围巾的企鹅在极光下的冰道上滑行，张开鳍翅保持平衡；滑轮飞转，每隔几秒跳一次带倾斜的 ollie，冰山、雪堆与飘雪分层掠过。
章鱼骑独轮车杂耍
马戏团聚光灯下，系领结的粉色章鱼骑独轮车前后摇摆保持平衡，两条触手踩着随车轮转动的踏板，另两条触手抛接三只彩球，眼珠跟着球转，彩纸纷飞。
橘猫骑摩托
戴护目镜、系红头巾的橘猫骑着青蓝色巡航摩托驶过黄昏沙漠公路，条纹尾巴和头巾迎风飘动；辐条轮飞转、车身随引擎震动、排气冒烟，条纹夕阳前的台地、仙人掌和风滚草依次掠过。
柯基与鸭子骑双人自行车
柯基在前面掌把、吐着舌头，戴水手帽的鸭子在后座一翅扶把一翅挥手；两组曲柄同步转动、腿脚跟着踏板画圈、链条滚动，风车、栅栏与野花沿乡间小路向后流过，小爱心缓缓升起。
乌龟骑火箭
戴泡泡头盔、系黄围巾的乌龟骑在红白复古火箭上，一只前肢拉缰绳、一只挥舞；尾焰闪烁、烟团拖尾、火箭轻轻起伏，星空三层视差掠过，还有环状行星、流星和出发的蓝色星球。
刺猬骑三轮车
背刺上插着苹果和枫叶的刺猬穿红色小球鞋，蹬着青绿色儿童三轮车的前轮脚踏在秋日公园小路上前进；前后轮各自转动、车把彩带飘舞，长椅、路灯和秋色树林后退，落叶打着旋飘下。
青蛙骑蜗牛
青蛙坐在蜗牛壳顶的小鞍毯上挥手，用树枝吊着一片生菜悬在蜗牛眼前；蜗牛一伸一缩、腹足波动地慢慢追赶，生菜来回晃荡，黏液痕闪着光，蘑菇林背景缓缓后移，萤火虫飘浮。
SVG ANIM · CLAUDE OPUS 5.5
✨ SVG 动画
纯 SVG 的循环动画：不写 JavaScript，放进 <img> 也能动。这一类允许模型渲染截图、自己检查后再改。
海边灯塔的日落
暖橙到紫蓝的天空下，夕阳从云底探出、压扁着沉入海平线，天色转入暮色、星星浮现；十一层海浪分层起伏，灯塔光束左右摆扫并在海面投下碎光，海鸥在远处绕圈，20 秒后太阳从云后再次探出，无缝衔接。
机械钟的齿轮
后盖向左翻开的黄铜镂空怀表：发条盒→中心轮→三轮→四轮→擒纵轮按 2:1/2.5:1 啮合、相邻反转且齿多者慢，全轮系随擒纵每 0.5 秒同步跳一格，摆轮带游丝呼吸式往复摆动，擒纵叉左右拨动，宝玑蓝钢指针走时，表壳与后盖上周期性掠过金属高光。
太阳系
倾斜视角的太阳系：光芒四射的太阳呼吸般脉动，八大行星以 4～480 秒的周期（由内到外递增）沿椭圆轨道匀角速公转并拖着淡尾迹，明暗交界线始终背向太阳，水星会绕到太阳背后，月球绕地球进出前后，土星带前后分层的环，银河与星空闪烁，每颗行星旁有中文小字。
雨夜的城市窗景
冷蓝与霓虹粉的雨夜窗景：窗外楼群灯火与“拉面/BAR/HOTEL”、爱心、跑马灯等霓虹各自闪烁，两条车道的车流带着车灯和湿地倒影往返流动，路灯光锥里雨丝更亮；玻璃上水珠停停走走地滑落并留下渐隐的水痕，窗台上的白瓷热茶升起缭绕热气，24 秒无缝循环。
一颗种子开花
水彩纸上的 16 秒生命循环：土中剖面的种子膨胀裂开、生根，嫩芽顶破土壤，茎叶逐节长出、结苞后粉色花瓣层层绽放，蓝蝴蝶飞来停在花上轻扇翅膀又飞走，随后花瓣一片片旋转飘落、植株枯黄淡去，花心落下一粒种子沉回土里，回到开头。
怎么玩点击封面或“开始游戏”，会在新标签页直接打开 SVG 文件本身。每个游戏都有标题页、难度选择、玩法说明（H）和暂停（P）。
声音音效和音乐都是游戏运行时用 Web Audio 实时合成的，第一次按键或点击后开始发声，按 M 静音。
设备推荐桌面版 Chrome / Edge / Safari。键盘游戏若没有反应，先用鼠标点一下画面；切水果和塔防也支持触屏。