Html A-frame inspector工具在故障中几乎没有功能_Html_Aframe

Html A-frame inspector工具在故障中几乎没有功能

html aframe

Html A-frame inspector工具在故障中几乎没有功能,html,aframe,Html,Aframe,免责声明：我是全新的a帧和堆栈溢出我一直在摆弄像这样的A框架模板：当我在上面的（ctrl-alt-I）上运行inspector时，inspector将加载，我可以四处移动位和块复制代码并将其移动到Glitch或CodePen，脚本将运行，但当您打开inspector时，无法与文本等实体进行交互。所有内容都是静态的，您只能通过更改侧面板中的值来进行更改肯定少了什么，但我对这件事太陌生了，不知道是什么。感谢您的帮助以下是我在Glitch和CodePen中输入的代码： <html&g

免责声明：我是全新的a帧和堆栈溢出

我一直在摆弄像这样的A框架模板：

当我在上面的（ctrl-alt-I）上运行inspector时，inspector将加载，我可以四处移动位和块

复制代码并将其移动到Glitch或CodePen，脚本将运行，但当您打开inspector时，无法与文本等实体进行交互。所有内容都是静态的，您只能通过更改侧面板中的值来进行更改

肯定少了什么，但我对这件事太陌生了，不知道是什么。感谢您的帮助

以下是我在Glitch和CodePen中输入的代码：

<html>
<head>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-text-geometry-
    component@^0.5.0/dist/aframe-text-geometry-component.min.js"></script> 
<title>Text Sizes</title>
<meta name="description" content="Text Sizes - A-Frame" />
<script src="../../../dist/aframe-master.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?
    family=Roboto%7CRoboto+Mono" media="all" />
</head>
  <body class="a-body ">
    <a-scene class="fullscreen" inspector="" keyboard-shortcuts="" 
    screenshot="" vr-mode-ui=""><canvas class="a-canvas" data-aframe-
    canvas="true" width="600" height="300"></canvas>
  <a-assets>
    <a-mixin id="text" text="align: center; width: 6;
           value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  Ut enim ad minim veniam"></a-mixin>
  </a-assets>

  <a-text mixin="text" position="-3 0 0" wrap-count="20" text=""></a-text>
  <a-text mixin="text" position="-3 2 0" wrap-count="30" text=""></a-text>
  <a-text mixin="text" position="-3 3 0" wrap-count="40" text=""></a-text>
  <a-text mixin="text" position="-3 3.5 0" wrap-count="50" text=""></a-text>
  <a-text mixin="text" position="-3 4 0" wrap-count="60" text=""></a-text>
  <a-text mixin="text" position="-3 4.5 0" wrap-count="70" text=""></a-text>
  <a-text mixin="text" position="-3 5 0" wrap-count="80" text=""></a-text>

  <a-text mixin="text" font="kelsonsans" position="3 0 0" wrap-count="20" 
    text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 2 0" wrap-count="30" 
    text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 3 0" wrap-count="40" 
    text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 3.5 0" wrap-count="50" 
      text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 4 0" wrap-count="60" 
    text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 4.5 0" wrap-count="70" 
    text=""></a-text>
  <a-text mixin="text" font="kelsonsans" position="3 5 0" wrap-count="80" 
    text=""></a-text>

  <a-sky color="#3CF" material="" geometry=""></a-sky>
  <a-entity position="0 2 3.7">
    <a-entity camera="" look-controls="" wasd-controls="" data-aframe-
inspector-original-camera=""></a-entity>
  </a-entity>
</a-scene>


</body></html>


文本大小

不要手动添加画布，a-frame会为您添加画布。很明显，一旦你把它放在场景元素中，它就会变成马车

检查它是否正常工作：

谢谢！我删除了画布尺寸，检查员现在似乎正在运行。@lyb如果您没有其他问题，请随时标记anwser:）我做了，但我没有足够的声誉来记录它：/