AR.js中能否用a-marker-camera搭配条形码标记?如何解决场景不显示问题?
AR.js中a-marker-camera搭配条形码标记的问题解答
AR.js完全支持a-marker-camera搭配条形码标记,你的问题大概率是配置细节或层级结构出错导致的,下面是具体说明:
正确实现方式
- 给
a-marker-camera明确指定标记类型和编号:
条形码标记必须通过<a-marker-camera type="barcode" value="5"></a-marker-camera>type和value参数指定,不能依赖默认的预设标记配置。 - 调整场景层级:所有需要在AR中显示的内容(比如你的半透明立方体)要直接放在
a-scene根节点下,不要嵌套在其他a-marker实体里。因为a-marker-camera是将相机锚定到标记上,场景内容以相机为参照显示,和a-marker锚定内容的逻辑完全不同。 - 使用稳定版AR.js:建议选用v3.4.0及以上的稳定版本,旧版本可能存在条形码标记与
a-marker-camera的兼容性问题。 - 确保标记有效性:打印的#5条形码标记要清晰无变形,边长至少10cm,测试环境光照充足,避免标记表面反光。
你的操作可能存在的问题
- 未在
a-marker-camera中配置type="barcode"和value="5",默认会使用hiro预设标记,所以切换到hiro能正常显示,而条形码标记无法触发。 - 立方体仍嵌套在原有的
a-marker实体中,没有移到a-scene根节点下,导致相机锚定后无法识别该实体。 - 使用的AR.js版本过旧,对条形码标记的相机锚定支持不完善。
内容的提问来源于stack exchange,提问作者Szocske
相关产品推荐
相关产品推荐

