跳到正文
网页珍奇柜Web Curio

递归绘画

Recursive Drawing，Toby Schachman，2012 年

去看原作（在新窗口打开）源码（在新窗口打开）网页存档（互联网档案馆，在新窗口打开）和其他藏品比较

正在布展…

本柜的现场复刻：按原作的技术思路从零编写，不含原作的代码和素材。原作请点上方「去看原作」。

它是怎么做的

  1. 第 1 步每个“定义”是一组形状和对其他定义的引用，每个引用带一个仿射变换
  2. 第 2 步允许定义引用自身，渲染时按深度递归展开
  3. 第 3 步当变换后的尺寸小于一个像素时停止递归
  4. 第 4 步拖拽、旋转、缩放实例会直接修改变换矩阵并实时重绘

复刻配方

一段技术配方，可以直接交给 AI 编程助手，也可以自己照着写。想指定技术栈、位置和性能预算，就把它加入实现方案。

Model a drawing as definitions, each holding primitive shapes and component instances that reference a definition plus a 2D affine matrix. Render recursively by composing matrices, and stop when the accumulated scale makes the shape smaller than a pixel or a depth cap is reached. Let users drag a definition from a sidebar into the canvas (including into itself) and manipulate instances with direct handles that edit the matrix. Support zooming into the infinite canvas by transforming the root matrix.

定制成完整的实现提示词

档案

能不能拿来用

原作不是开源许可（unknown (no LICENSE file) — inspiration only）：只能作为视觉参考，不要复制它的代码或素材，自己按技术思路实现。

性能开销

视觉强度

实现难度

尺度为策展判断（1 到 5），用于比较和推荐。

核实记录：Opened https://electronicwhisper.github.io/recursive-drawing/ (200, title 'Recursive Drawing'); repo electronicwhisper/recursive-drawing exists with no licence (GitHub API returns none).