框架内互动存在问题-无法正常工作

时间:2019-06-16 12:32:17

标签: javascript html aframe

我正在尝试学习如何在Aframe.io中制作简单的AR游戏,但是我充满了互动性和物理性。我的代码正在导入3x3D模型,物理学应该在它们上起作用,并且我应该ab拖放以碰撞它们。

它的工作原理很奇怪,因为在Firefox中它启动了场景并且物理工作正常,但是我不能拖放任何东西。即使我用 来自https://rawgit.com/wmurphyrd/aframe-super-hands-component/master/dist/super-hands.min.js

在其他浏览器中,我只能看到白色背景。我找不到任何错误。请帮帮我!!

 <html>

  <head>
    <script src="https://rawgit.com/donmccurdy/aframe-extras/v2.1.1/dist/aframe-extras.loaders.min.js"></script>
    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
    <script src="https://cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.0.2/dist/aframe-physics-system.min.js">
    </script>
    <script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v3.12.4/dist/aframe-extras.min.js"></script>
    <script src="https://rawgit.com/wmurphyrd/aframe-super-hands-component/master/dist/super-hands.min.js"></script>
  </head>

  <body>
    <a-scene>
      <a-assets>
        <a-asset-item id="swinka" src="s17106.ply"></a-asset-item>
        <a-asset-item id="personEB" src="personEB.ply"></a-asset-item>
        <a-asset-item id="model_postac" src="model_postac.ply"></a-asset-item>
      </a-assets>

      <a-entity progressive-controls="objects: .object"></a-entity>
      <a-entity environment="preset: forest"></a-entity>
      <a-plane static-body rotation="-90 0 0" width="300" height="300" color="black" visible="false"></a-plane>
      <a-entity class="object" grabbable dynamic-body ply-model="src: #swinka" rotation="-90 45 0" scale="0.03 0.03 0.03"
        position="0 1 -1.5"></a-entity>
      <a-entity class="object" grabbable dynamic-body ply-model="src: #personEB" rotation="-90 0 0" scale="0.05 0.05 0.05"
        position="3 0.1 -2"></a-entity>
      <a-entity class="object" grabbable dynamic-body ply-model="src: #model_postac" rotation="-90 0 0"
        scale="0.05 0.05 0.05" position="-2 0.1 -2"></a-entity>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
        position="0 1 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
        position="0 3 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
        position="0 5 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
        position="-2 2 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
        position="-2 5 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
        position="-2 8 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
        position="2 1 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
        position="2 4 -4"></a-box>
      <a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
        position="2 7 -4"></a-box>
    </a-scene>
  </body>

</html>

0 个答案:

没有答案