在 Autodesk Forge 中无法看到 2D 文本精灵

Question

我正在尝试在 Autodesk Forge 查看器中使用 Sprites 渲染 2D 文本，但无法显示。 如果我通过控制台查询图层，我会看到它包含创建的 Sprite，但我在场景中看不到它。 我尝试了不同的缩放比例和 position 设置，但没有结果。

我附上以下代码：

function createText(text, preferencia, tamanyo) {
    
    var sprite = spriteTexto("Prueba texto sprite", preferencia, tamanyo);
    
    if (!NOP_VIEWER.impl.overlayScenes['overlaySprites']) 
        NOP_VIEWER.impl.createOverlayScene('overlaySprites');
    
    NOP_VIEWER.impl.addOverlay('overlaySprites', sprite);
}


function spriteTexto(text, preferencia, tamanyo) {
    
    var fontface = NOP_VIEWER.fontName;
    var fontsize = 18;      //tamanyo
    var borderThickness = 4;
    var borderColor = { r:0, g:0, b:0, a:1.0 };
    var backgroundColor = { r:0, g:0, b:0, a:0.0 };
    var textColor = { r:0, g:0, b:255, a:1 };       //hexadecimalARgb(preferencia.color);

    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    context.font = "Bold " + fontsize + "px " + fontface;
    var metrics = context.measureText( text );
    var textWidth = metrics.width;

    context.fillStyle   = "rgba(" + backgroundColor.r + "," + backgroundColor.g + "," + backgroundColor.b + "," + backgroundColor.a + ")";
    context.strokeStyle = "rgba(" + borderColor.r + "," + borderColor.g + "," + borderColor.b + "," + borderColor.a + ")";
    context.fillStyle = "rgba(" + textColor.r+", " + textColor.g + ", " + textColor.b + ", 1.0)";
    context.fillText( text, borderThickness, fontsize + borderThickness);

    var texture = new THREE.Texture(canvas);
    texture.needsUpdate = true;
    var spriteMaterial = new THREE.SpriteMaterial( { map: texture, useScreenCoordinates: false } );
    var sprite = new THREE.Sprite( spriteMaterial );
    sprite.scale.set(1*fontsize,1*fontsize,1*fontsize);
    sprite.position.set(5,5,6);
    return sprite;  
}

如果您能帮我找到错误，我将不胜感激，非常感谢您的帮助！

编辑： - - - - - - - - - - - - - - - - - - - - - - - -

我们想要渲染可以交互的 2D 文本（特别是 select、旋转和移动）。

为此，目前我们正在使用网格（使用 MeshBasicMaterial、Mesh 和 TextGeometry），但事实证明，文本看起来并不十分清晰，它呈现出锯齿，我们发现根据 API 参考，抗锯齿不是适用于 2d。

这里有一些问题的例子，正如你所看到的，我们越远离平面，文本看起来越糟糕（即使靠近它看起来也不完美）：

我们试图用 Sprites 进行表示文本的测试（尽管这意味着必须更改已经用网格完成的整个实现）以尝试以另一种解决问题的方式来实现它。 但我们看到这也是不可能的。

那么我们如何纠正文本的渲染呢？ 有没有办法修复它，或者这是我们在 2D 中所能得到的最多的？ 我们已经尝试搜索这方面的信息，但没有找到任何有用的信息。

Answer 1

不幸的是，Forge Viewer 目前不支持THREE.Sprite 。 它使用自维护的 three.js r71 并删除了我所知道的这种支持。

您能否详细分享一下为什么要将THREE.Sprite与 Forge Viewer 一起使用的用例？ 如果您不想公开分享，可以将其发送到forge (DOT) help (AT) autodesk (DOT) com 。