如何在三js WebGL几何图形空间中始终用平面几何设计着色器制作一个圆角的2D精灵

Question

如何将矩形纹理绘制为带有圆角的2D精灵，例如：

   _____
  /     
  |     |
  _____/

我想，我需要使用面具纹理和着色器来制作圆面膜，但我无法将shadermaterial应用于2D Sprite！

Answer 1

您可以在画布上绘制纹理或在任何图像编辑器中绘制纹理，然后将其应用于精灵。如果您希望精灵具有相同的大小，独立于距离，请查看此答案。我的两个答案都有jsfiddle示例。