卡尼萨三角形（虚幻的轮廓）

你可以通过选项来更改这个“三角形”的顶角；通过拖拽“吃豆人”，来改变三个“吃豆人”的“半径”；通过按住Shift键和拖拽下面的“吃豆人”来改变这个“三角形”的高（是的，移动端并不支持更改它的高）。

事实上“真正的”卡尼萨三角形是下图这样。

“卡尼萨三角形错觉让我们意识到视觉系统的工作方式——这是我们在日常经验中没有注意到的。看着这个数字，大多数人都会有一个明显的亮度轮廓的视觉体验，这个轮廓定义了一个直立的三角形，它遮挡了三个黑色圆盘和第二个用黑色勾勒的倒三角形。当然，这些三角形实际上并不存在，我们感知的不是被遮挡的圆盘，而是”吃豆人”般的圆盘碎片。（”吃豆人”现在是这种诱导元素的标准命名法）。”^[1] (这一段是机器翻译的，所以有些地方可能有问题。)我花了很长时间才找到这个名字——卡尼萨三角（假设你还不知道这个名字，当你使用搜索引擎试图搜索这个视错觉的名字后，你才能够知道要找到这个名字有多难）。这个视错觉很早之前就见过，当我用 p5.js 开始绘制一些图形的时候，想到了绘制出这个图形，当我绘制出来后，又想着为何不让它动起来呐？于是，它可以被改变了，但有很多的限制，比如它永远是一个等腰三角形（我做不到让它是一个任意三角形的同时，顶点保持着能够产生这种视错觉的扇形形状，如果你知道怎么做，希望您能够告诉我），移动端无法更改它的高度（其实可以做到，但我放弃了）以及没有设置边框检测（你可以将下面两个“吃豆人”拖到“画布”外）。
你可能很难想象，这个演示其实是一个关于面向对象的小练习，在这个程序里有两个类，一个是“扇形”，另一个就是“三角形”，其中“三角形”关联“扇形”，“扇形”的功能有改变大小，而“三角形”的功能则能改变自身的高。

1. Illusions Index Kanizsa-triangle ↩