three.js 使用什么公式来创建在 SageMath 中显示两个重叠的二维表面时看到的图案?

What is the formula that is used by three.js to create the pattern that is seen when two overlapping 2-D surfaces are shown in SageMath?

我正在尝试理解在(几乎)同一平面上绘制两个不同颜色的平面时显示的图案(看起来类似于动物图案)。 SageMath 使用什么公式——使用 three.js——来创建图中显示的模式? SageMath question/support 区域让我到这个支持部分寻求答案。

示例:这里有一个平面稍大 -- 这使得 SageMath 显示它们两个,但有一个模式。此外,当您使用鼠标 move/manipulate 图形时,模式会发生变化。 SageMath (three.js) 使用什么公式或信息来显示模式?

我在 https://sagecell.sagemath.org/:

使用 Sage Cell Server 在线绘制了这个(下图)
M = implicit_plot3d(lambda x,y,z: x, (-15,15), (-15,15), (-15,15), rgbcolor= (0.0, 1.0, 0.0), frame=true) 
N = implicit_plot3d(lambda x,y,z: x, (-15,15), (-15,15), (-15,15.5), rgbcolor= (0.0, 0.0, 1.0), frame=true) 
M+N

感谢您提供的任何信息!

我对Sage不是很熟悉,但这好像是z-fighting的情况。

这个想法基本上是平面彼此如此接近(在这种情况下占据相同的space!),用于绘制场景的相机难以选择特定的每个像素的平面。 所以“模式”只是随机故障,当你移动时它会改变,因为选择哪个平面在“前面”的计算对于每个角度都会改变。

你可以阅读更详细的内容here

现在,该模式确实让我想起了“噪音模式”,您可能对此感兴趣。有很多资源,可以从 the book of shaders.[=14= 开始]