10 PRINT 图案生成器

C64 一行程序，现以 SVG 重生

1982 年，一段 Commodore 64 上的单行 BASIC 程序俘获了一代人的想象：

10 PRINT CHR$(205.5 + RND(1)); : GOTO 10

它不断随机输出 CHR$(205)（正斜杠）或 CHR$(206)（反斜杠），直到屏幕被一个奇妙的迷宫图案填满。此生成器以可缩放、可定制的 SVG 形式再现同一算法，方便嵌入任何现代设计。

工作原理

画布上放置 列 × 行 的网格。每个单元中，基于种子的随机函数选择 / 或 \ 对角线，用一个 <line> 元素绘制。生成的 SVG 非常干净，元素极少，易手工编辑、易动画，文件体积极小。

控制项

• 列数 / 行数 — 每个方向的单元数量。
• 单元大小 — 每个单元的像素大小。
• 线宽 — 每条对角线的描边宽度。
• 颜色 / 背景 — 双色配色。
• 种子 + 重新生成 — 固定满意布局，或一键换新。

用途

• 复古 / demoscene 风格落地页
• 开发者文化 T 恤与贴纸
• 唱片封面与独立杂志
• 生成艺术海报
• 通过 data: URI 作 CSS background-image 装饰

由于输出只包含 <line> 元素，你可以用 CSS 变量替换颜色，用 stroke-dasharray 动画笔触，或用 <pattern> 把图案做成可无限重复的背景。