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

--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 и установил режим наложения на «альфа-смешивание».

Вот скриншот:  Скриншот Blender

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

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

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


person merowell    schedule 15.02.2020    source источник


Ответы (1)


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

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

person merowell    schedule 15.02.2020