5. 2D SDF 操作和更多的形状

在本教程中，我将讨论如何使用 2D SDF 操作从基本形状创建更复杂的形状，并将讨论如何绘制更原始的 2D 形状，包括心形和星形。我将帮助您利用这份 2D SDF 列表，该列表由 Shadertoy 的共同创建者之一、才华横溢的 Inigo Quilez 推广。让我们开始吧！

📄️ 5.1 2D SDF 操作

在前面的教程中，我们已经了解了如何绘制原始 2D 形状（如圆形和正方形），我们可以使用 2D SDF 操作通过将原始形状组合在一起来创建更复杂的形状。

如果要添加任何抗锯齿，则可以使用 smoothstep 函数来平滑形状的边缘。

在本节中，我将教您如何使用 Shadertoy 绘制心形。请记住，心形有多种样式。我将向您展示如何使用 Wolfram MathWorld 中的方程式创建一种特定风格的心形。

你可能想知道为什么我以如此奇怪的方式创建 sdHeart 函数。为什么不使用我们可用的 pow 功能呢？pow（x，y) 函数接受一个值 x，并将其提高到 y 的幂。

Inigo Quilez 创建了许多 2D SDF 和 3D SDF，供 Shadertoy 的开发人员使用。在本节中，我将讨论如何使用他的 2D SDF 列表以及我们在 Shadertoy 系列的第 4 部分中学到的技术来绘制 2D 形状。