使用 aframe /aframe-ar 在 3D 框内显示文本

Question

我确实想在 ar.js 中使用框架在 3D 框图像中显示一些文本。

以下是HTML代码

<!DOCTYPE html>
<html>
    <head>
        <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/examples/vendor/aframe/build/aframe.min.js"></script>
        <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
        <!-- <script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'</script> -->
    </head>
    <body style='margin : 0px; overflow: hidden;'>
        <a-scene embedded arjs='trackingMethod: best;'>
            <a-anchor hit-testing-enabled='true'>
                <a-box position='0 0.5 0' material='opacity: 0.5;'>
                <a-entity text="value: HELLO"></a-entity>
            </a-box>
        </a-anchor>
        <a-camera-static/>
        </a-scene>

    </body>
</html>

我的主要任务是在 3D 框内投影一些动态文本。但是例如，我正在尝试放置一些静态文本。但不能这样做。有人知道如何在框中添加文本吗？

Answer 1

实际上您的代码可以正常工作，但是框和文本都是白色的 + 文本非常小：

如果你把它放大一点+把它变黑，很明显，它就在那里：

<a-entity position="1 0 0" scale="3 3 3" text="value: HELLO;color:black"></a-entity>

使用 aframe /aframe-ar 在 3D 框内显示文本

Display text inside 3D box using aframe /aframe-ar

augmented-reality

aframe

ar.js