Question

我一直在努力做一些超级简单的事情，比如显示一些文字。它工作了几个小时，但现在它不是。这是确切的代码：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="https://aframe.io/releases/0.5.0/aframe.min.js" async></script>
    <meta name="description" content="Science Labs for Homeschoolers in Virtual Reality">

</head>
<body>

<a-scene>
  <a-assets>
    <img id="groundTexture" src="https://cdn.aframe.io/a-painter/images/floor.jpg">
    <img id="skyTexture" src="https://cdn.aframe.io/a-painter/images/sky.jpg">
  </a-assets>
  <a-cylinder id="ground" src="#groundTexture" radius="30" height="0.1"></a-cylinder>
  <a-sky id="background" src="#skyTexture" theta-length="90" radius="30"></a-sky>
<a-entity position="0.768 1.04 -3.442" rotation="0 0 0" scale="10 10 2" visible="true" text="value:Hello Berry Berry;"></a-entity>    
</a-scene>
<script type="text/javascript" src="build/client/bundle.js"></script></body>

</html>

这只是一个测试项目。目前使用nodejs v7.10.0和express 4.15.3与webpack。使用Google Chrome 58.0.3和Edge 15。

没什么好看的，只是提供index.html文件（你在上面看到的）。

无论如何，我都看不到文字（只有这个文件）。我也试过了：

环顾四周。
将文字双面设置为发现它。
将检查员的确切资产复制到我的代码中。
更改位置
更改文字比例。

这就是结果：

正如您所看到的，没有文字的迹象（由于比例设置它应该看起来很大）。有任何想法吗？非常感谢你！

修改这是0.5 0.5 0.5

旁注：我在向StackOverflow上传图片时遇到问题： http://i66.tinypic.com/a47l2b.jpg

这是10 10 10： http://i67.tinypic.com/npfd50.jpg

此外，我无法“以图形方式”移动a-entity（使用红色，黑色，黄色箭头），但如果我在属性面板中更改它们，我可以。

编辑2 ：这是Glitch中的代码共享： https://glitch.com/edit/#!/nebulous-pail?path=index.html:1:0

Answer 1

好。到目前为止，似乎问题是异步加载A帧：

<script src="https://aframe.io/releases/0.5.0/aframe.min.js" async></script>

我们需要省略＆＃34; async＆＃34;它起作用的属性：

 <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

我的理论是，在加载元素后，它没有优雅地升级。

我甚至尝试将文本添加为mixin，但除非首先加载A-Frame，否则它将无效。

仅在Inspector创建时显示的实体文本

1 个答案: