2017-11-13 16 views
1

免責事項:私はまったく新しいフレームとスタックオーバーフローです。Aフレームインスペクタツールには、グリッチで機能がほとんどない機能がありません

私はこのようなフレームのテンプレートをいじりされている:私は上記(CTRL-ALT-I)でインスペクタを実行する https://a-frobot.github.io/aframe/examples/test/text/sizes.html#

インスペクタ負荷を、私は周りのビットとピースを移動させることができます。

コードをコピーしてGlitchまたはCodePenに移動すると、スクリプトが実行されますが、インスペクタを開くとテキストなどのエンティティと対話できなくなります。すべて静的で、サイドパネル。

何かが欠落している必要がありますが、私はこれに新しいので、私はそれが何であるか分かりません。どんな助けもありがとうございます。ここで

は、私はグリッチとCodePenに入れているコードです:

<html> 
<head> 
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 
<script src="https://unpkg.com/aframe-text-geometry- 
    [email protected]^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> 

答えて

0

を手動でキャンバスを追加しないでください、フレームはあなたのためにそれをしません。そして、明らかに、それをシーン要素の中に入れたら、それはバギーになります。

は正常に動作し、それをチェックアウト:https://like-mistake.glitch.me/

+0

ありがとうございました!私はキャンバスのサイジングを取り除き、検査官は現在走っているようです。 – lyb

+0

@lybさらなる問題がなければアンカーをマークすることができます:) –

+0

私はしましたが、記録するには十分な評判がありません: – lyb

関連する問題