--更新-- I have added this code这似乎有所帮助。我可以看到玻璃现在是透明的,但仍然非常暗。
警告:我是 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 节点并将混合模式设置为“alpha 混合”
导出模型后,我在 gltf validator 中测试了它看起来我想要它。这是一个屏幕截图:
不幸的是,事件标记不会以相同的方式显示它。也许我还需要做一些其他事情才能使 Alpha channel 正常工作?或者也许这是我的代码中的错误? 这是事件标记的屏幕截图:
最后,我尝试将模型添加为 glb 文件,并列为 Assets 。但是,当我在 a-scene 标签中列出 Assets 时,网络摄像头将不会部署。不过,我读过其他人使用这种方法。
最佳答案
已编辑 - 问题仍然存在......这些模型仅相对于其他模型是透明的。但是您无法通过透明 Material 看到现实世界环境(就像使用波前对象一样)
This solved the issue ...我只需转到 blender 文件并使用较浅的颜色重新导出模型,即可使其看起来像我想要的那样。
关于javascript - 如何将带有 Alpha channel 的 gltf 模型添加到 Aframe 和 AR.js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60242781/