--Update-- Я добавил этот код и вроде как помогло. Я вижу, что стекло теперь прозрачное, но все еще невероятно темное.
Предупреждение: я новичок в WebAR (и программировании в целом) .... но будьте уверены, я рыскал по Интернету в течение нескольких дней, пытаясь понять это.
Я пытаюсь использовать модель gltf с AR.js и Aframe для создания опыта WebAR. Вот часть моего кода:
<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 и установил режим наложения на «альфа-смешивание».
После экспорта модели я протестировал ее в валидаторе gltf, и похоже, что я этого хочу. Вот скриншот:
К сожалению, активный маркер не отображает это таким же образом. Может быть, мне нужно еще что-то сделать, чтобы альфа-каналы работали? А может, это ошибка в моем коде? Вот скриншот активного маркера:
Наконец, я попытался добавить модель в виде файла glb, указанного как актив. Но когда я перечисляю активы в теге a-scene, веб-камера не развертывается. Однако я читал, что другие люди используют этот метод.