首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >框架检查器工具在毛刺中几乎没有功能。

框架检查器工具在毛刺中几乎没有功能。
EN

Stack Overflow用户
提问于 2017-11-14 04:52:24
回答 1查看 517关注 0票数 1

免责声明:我是一个全新的a-frame和Stack Overflow。

我一直在摆弄像这样的A-frame模板:https://a-frobot.github.io/aframe/examples/test/text/sizes.html#

当我在上面(ctrl-alt-i)上运行检查器时,检查器会加载,我可以移动零碎的东西。

复制代码并将其移动到Glitch或CodePen,脚本会运行,但当您打开检查器时,您无法与实体交互,如文本等。一切都是静态的,您只能通过更改侧面板中的值来进行更改。

一定是遗漏了什么,但我对此还很陌生,我不知道它是什么。任何帮助都是非常感谢的。

下面是我放入Glitch和CodePen中的代码:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2017-11-14 06:38:07

不要手动添加画布,a-frame会为您添加。很明显,一旦你把它放到场景元素中,它就会出错。

检查它是否正常工作:https://like-mistake.glitch.me/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47273339

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档