Новичок в A-Frame и кодировании, пытается загрузить модель .gtlf, но не работает - PullRequest
Новая
       11

Новичок в A-Frame и кодировании, пытается загрузить модель .gtlf, но не работает

0 голосов
/ 12 мая 2019

плохо знаком с A-frame и coding, пытаясь отобразить 3D-отсканированный объект на маркере.Я загружаю .gtlf в папку с активами, и он не загружается при просмотре маркера Hiro на моем Galaxy s9 +

Я добавил (масштаб = "0,2 0,2 ​​0,2"), но это не работает.

Используется http://github.khronos.org/glTF-Validator/, чтобы убедиться, что мой .gtlf действителен и имеет значение.

Попробовал .gtlf и .glb, чтобы убедиться, что это проблема, но оба не загружаются.

<!DOCTYPE html>
<html>
  <head>
    <title>Pizza test hoho</title>
    <meta name="description" content="Let's hope this work!">
    <link id="favicon" rel="icon" href="https://glitch.com/edit/favicon-app.ico" type="image/x-icon">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
    <!--     Save commit version of aframe-arjs before the rewrite around August 8, 2017 -->
    <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/ec578832d908e3b33bb1da9c649543e151395c21/aframe/build/aframe-ar.min.js"></script>
    <script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'</script>
    <script src="./js/index.js"></script>
    <style>
      .note {
        position: absolute;
                     top: 1%;
                     left: 1%;
                     color: black;
                     text-shadow:
                     -1px -1px 0 #BBB,
                     1px -1px 0 #BBB,
                     -1px 1px 0 #BBB,
                     1px 1px 0 #BBB;
      }
      a-scene {
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <div class="note" style="position: absolute;
                     top: 1%;
                     left: 1%;
                     color: black;
                     text-shadow:
                     -1px -1px 0 #BBB,
                     1px -1px 0 #BBB,
                     -1px 1px 0 #BBB,
                     1px 1px 0 #BBB;">
      You'll need to have <a href="https://jeromeetienne.github.io/AR.js/data/images/HIRO.jpg">this image</a> printed or just displaying on your phone!
    </div>
    <a-scene artoolkit="sourceType: webcam;" embedded="embedded">

        <a-marker-camera preset="hiro">

            <a-entity gltf-model="https://cdn.glitch.com/168b6551-08b1-4c03-b4ae-f1f4ca3e8031%2FPizza.glb?1557619896347" scale="0.2 0.2 0.2"></a-entity>

        </a-marker-camera>
    </a-scene>

  </body>
</html>

1 Ответ

0 голосов
/ 12 мая 2019

Пара вопросов здесь:

1) Версии фреймворка

2) Модель (по крайней мере, файл .glb) имеет размер 63 мегабайта. Учитывая, что вы делаете это для телефона, это займет пару секунд на Wi-Fi, но я бы не ожидал, что кто-нибудь загрузит такой большой файл в качестве ресурса веб-сайта.

Это может быть моим мнением, но чем сложнее модель, тем меньше вероятность того, что она будет нормально работать на телефоне.

На этот глюк , вы можете проверить его работоспособность - пробовал с моим ПК и на andoid firefox.

...