Javascript THREE.JS MakeTextSprite属性

我在中使用函数“MakeTextSprite”

我用这个创建了我的精灵：

  Array[i] = makeTextSprite(Array[i].name, {
                fontsize: 100,
                borderColor: {
                    r: 255,
                    g: 255,
                    b: 255,
                    a: 1.0
                },
                backgroundColor: {
                    r: 255,
                    g: 255,
                    b: 255,
                    a: 1
                }
            });

我想要有礼貌。当我在宽度设置为1000时，画布在SpriteMaterial中减少。所以我的雪碧的大小总是一样的

---

此外，字体是“像素化”的，当我尝试平滑字体时，我没有成功。

通过添加textWidth变量来操纵精灵的宽度

var metrics = context.measureText(message);
var extend = 1000;
var textWidth = (metrics.width) + extend;

它将用作绘制精灵的

roundRect（…）

函数中的宽度

要解决“像素化”您需要缩小精灵的比例，如下所示：

var width = spriteMaterial.map.image.width;
var height = spriteMaterial.map.image.height;

sprite.scale.set( width/10, height/10, 1 );

---

通过添加textWidth变量来操纵精灵的宽度

var metrics = context.measureText(message);
var extend = 1000;
var textWidth = (metrics.width) + extend;

它将用作绘制精灵的

roundRect（…）

函数中的宽度

要解决“像素化”您需要缩小精灵的比例，如下所示：

var width = spriteMaterial.map.image.width;
var height = spriteMaterial.map.image.height;

sprite.scale.set( width/10, height/10, 1 );