使用 aframe /aframe-ar 在 3D 框中显示文本答案

【问题标题】：Display text inside 3D box using aframe /aframe-ar使用 aframe /aframe-ar 在 3D 框中显示文本
【发布时间】：2018-05-14 05:31:06
【问题描述】：

我确实想在 ar.js 中使用 aframe 在 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 框中投影一些动态文本。但例如，我正在尝试放置一些静态文本。但无法这样做。有人知道如何在框中添加文本吗？

【问题讨论】：

标签： augmented-reality aframe ar.js

【解决方案1】：

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

如果您将其放大一点+使其变黑，则很明显，它就在那里：

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

【讨论】：

谢谢。我们可以设置文本的位置吗？我想在方框正面的每一行中显示一些键值，如姓名、电子邮件。
@Vaidya 您可以像我使用here 那样使用\n 将新行添加到那里
我的最后一个疑问是，因为它是 3D 对象，一个方形盒子有六个面。那么，我们可以控制在哪一侧显示数据吗？我希望数据显示在正好在 Hiro Image 前面的一侧（与上图中显示 Hiro 的方式相同。）。有可能吗？
你想让它面对镜头，还是一直在立方体的同一侧？
您可以尝试使用 this 组件并将框 look-at 设置为 <a-camera-static/> 但如果它不起作用，那么恐怕这是另一个问题的更大话题