Как добавить модель gltf в Aframe & AR. js с альфа-каналом? - PullRequest
Новая
       118

Как добавить модель gltf в Aframe & AR. js с альфа-каналом?

1 голос
/ 15 февраля 2020

- Обновление-- Я добавил этот код и, похоже, это помогло. Я вижу, что стекло теперь прозрачное, но по-прежнему невероятно темно.

Предупреждение: я новичок ie в WebAR (и вообще кодирую) .... но будьте уверены, я почесался целое число rnet в течение нескольких дней, пытаясь выяснить это.

Я пытаюсь использовать модель GLTF с AR. js и Aframe для создания веб-опыта. Вот часть моего кода: 

<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> 
<script src="build/aframe-ar.js"></script> 
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>

<!-- marker -->
<a-marker type='pattern' url='https://raw.githubusercontent.com/merowell/Evidence-Collection-Procedures/master/assets/markers/patt/pattern-biological-1.patt'>

<!-- add .gltf model-->
    <a-entity gltf-model="https://raw.githubusercontent.com/merowell/Evidence-Collection-Procedures/master/assets/models/biological/biological.gltf" position="0 0 0" crossOrigin="anonymous" rotation="0 0 0" scale=".3 .3 .3">
    </a-entity>

Я выяснил, как заставить модель gltf работать с текстурами, но я все еще не могу точно понять, к чему я стремлюсь. В основном, стекло на бутылках должно быть прозрачным и непрозрачным. Я импортировал и отредактировал модель в Blender 2.82. Я использую узел Principled BSDF и установил режим наложения «alpha blend»

Вот снимок экрана: Blender Screenshot

После экспорта модели я протестировал его в валидаторе gltf и похоже, что я этого хочу. Вот скриншот: gltf validator

К сожалению, активный маркер не отображает его таким же образом. Может быть, мне нужно еще кое-что сделать, чтобы альфа-каналы работали? Или, возможно, это ошибка в моем коде? Вот снимок экрана активного маркера: active marker

Наконец, я попытался добавить модель в виде файла glb, перечисленного в качестве актива. Но когда я перечисляю ресурсы в теге a-scene, веб-камера не будет развернута. Тем не менее, я читал, что другие люди используют этот метод.

1 Ответ

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

EDITED - проблема все еще сохраняется .... модели прозрачны только по отношению к другим моделям. Но вы не можете видеть реальную среду через прозрачный материал (как вы можете с помощью волнового фронта obj)

Это решило проблему ... и мне просто пришлось go файл блендера и реэкспорт модели с более светлым цветом, чтобы она выглядела так, как я хочу.

...