Проблема с взаимодействием в рамке - не работает - PullRequest
0 голосов
/ 16 июня 2019

Я пытаюсь научиться делать простые AR-игры в Aframe.io, но меня увлекает взаимодействие и физика. Мой код импортирует модель 3x3D, и физика должна работать с ними, и я должен быть способен перетаскивать элементы, чтобы сталкивать их.

Это работает очень странно, потому что в 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>
...