GLTF не отображается с использованием ar. js - PullRequest
Новая
       80

GLTF не отображается с использованием ar. js

0 голосов
/ 24 февраля 2020

В настоящее время я тестирую AR. js для отображения 3D-моделей в дополненной реальности с помощью телефонов. Мои навыки веб-программирования очень новички, поэтому я собираю различные учебники, чтобы получить то, что я хочу. Я полагаю, что почти все, что мне нужно, чтобы правильно отобразить файл gltf, но, похоже, есть небольшая проблема, поскольку модель не будет отображаться (я подтвердил, что это правильный файл с использованием средства просмотра gltf). Код также прекрасно работает для отображения простого a-box, но падает, как только я закомментирую это и добавлю строку для модели gltf.

Любая помощь будет наиболее ценной! 

<html>
    <head>
         <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
         <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
         <script src="https://raw.githack.com/jeromeetienne/AR.js/2.2.1/aframe/build/aframe-ar.js"></script>
    </head>

    <body style='margin : 0px; overflow: hidden;'>
        <a-scene embedded arjs='sourceType: webcam; debugUIEnabled: true;'>

            <a-marker preset="hiro">
            <!--<a-box position='0 0.5 0' material='color: yellow;'></a-box>-->
            <a-entity gltf-model="url(https://tests.offtopicproductions.com/ywca.gltf)"></a-entity>
            </a-marker>
            <a-entity camera></a-entity>
        </a-scene>
    </body>
 </html>

1 Ответ

0 голосов
/ 23 марта 2020

Вы можете просмотреть новую AR. js docs . Есть пример с моделью gltf с онлайн-версией . В приведенном вами примере вы должны внести это изменение

из этого: 

<a-entity
 gltf-model="url(https://tests.offtopicproductions.com/ywca.gltf)"></a-entity>

в: 

<a-entity gltf-model="https://arjs-cors-proxy.herokuapp.com/https://tests.offtopicproductions.com/ywca.gltf"></a-entity>

Вы должны добавить: 

https://arjs-cors-proxy.herokuapp.com/

, чтобы избежать проблем с CORS, если ресурс находится не на том же хосте. AR. js находится под новым github org https://github.com/AR-js-org все ресурсы (библиотеки и библиотеки) уже здесь.

...