glft не загружается… только экран загрузки - PullRequest
Новая
       64

glft не загружается… только экран загрузки

0 голосов
/ 27 октября 2019

Привет, я новичок в Aframe и AR.js. Я пытаюсь загрузить glft (хорошо пробовал несколько), но при тестировании у меня просто синий экран загрузки с точками, даже если модель маленькая.

Я проверил файл, а также протестировал его в программе просмотра glft, и файл в порядке.

Кто-нибудь может понять, в чем проблема, почему модель не загружается и что я делаю неправильно? Я использовал существующий код, который нашел в сети, и их модель работала нормально.

Я пробовал с другой моделью, glb, и это тоже не работает. Для glft .bin находится в той же папке на моем ведре S3.

Спасибо! 

<!doctype HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0,   maximum-scale=1.0">
</head>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>

<script src="https://raw.githack.com/jeromeetienne/AR.js/2.0.5/aframe/build/aframe-ar.js">.       </script>

<!-- add this script in order to load a large set of 3D model extensions-->
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>

<body style='margin : 0px; overflow: hidden;'>
<!-- we add detectionMode and matrixCodeType to tell AR.js to recognize barcode markers -->
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false ;detectionMode: mono_and_matrix; matrixCodeType: 3x3; ' >

<a-assets>
<a-asset-item id="animated-asset" src="https://arliveevent.s3.eu-west-2.amazonaws.com/starbucks_grande_coffee_cup_caution_hot/scene.gltf"></a-asset-item>
</a-assets>

<a-marker type='barcode' value='7'>
<a-box position='0 0.5 0' color="yellow"></a-box>
</a-marker>

<a-marker type='barcode' value='6'>
<a-entity gltf-model="#animated-asset" scale="0.5 0.5 0.5">
</a-entity>
</a-marker>

<!-- use this <a-entity camera> to support multiple-markers, otherwise use <a-marker-camera> instead of </a-marker> -->
<a-entity camera></a-entity>
</a-scene>
</body>
</html>

1 Ответ

1 голос
/ 27 октября 2019

Я скачал ваш gltf и бросил его в https://gltf -viewer.donmccurdy.com / , и он выдал ошибку «Отсутствует текстура: starbuckscup2_baseColor.png»

Чтобы убедиться, что вашРесурсы надежны, загружайте все (все модели и текстуры) и превращайте их в единый объект. Вы можете использовать это

http://www.glbconverter.com/

, а затем поместить его в папку ресурсов с локально заданным путем. Это пуленепробиваемый способ. Да, он должен работать с удаленным источником, но это вызывает проблемы.

Кроме того, лучше всего искать сообщения об ошибках, при тестировании вашей программы откройте консоль (щелкните правой кнопкой мыши в браузере> осмотрите),Вы получите некоторое представление о том, что может пойти не так. Включите журналы консоли в свой код, чтобы проверить, загружена ли модель (eventListener ('model-загружен')). Всегда сначала проверяйте ваш glb, чтобы убедиться, что он работает.

https://gltf -viewer.donmccurdy.com /

...