如何制作圆角2d Sprite，平面几何着色器始终面向threejs webgl几何空间中的相机

Question

如何将矩形纹理绘制为带圆角的2d精灵，如下所示：

   _____
  /     \
  |     |
  \_____/

我想，我需要使用蒙版纹理和着色器来制作圆形蒙版，但我不能将shadermaterial应用于2d精灵！

Answer 1

您可以使用drawing on a canvas创建纹理，或在任何图像编辑器中绘制所需的纹理，然后将其应用于精灵。如果您希望精灵具有相同的大小，与距离无关，那么请查看this answer。我的答案都有jsfiddle例子。