javascript - AR.js 显示卡在墙上的 png

标签 javascript augmented-reality ar.js

我有一个电子商务网站,出售来自不同独立艺术家的插图。

我有一个想法,用户打开相机并使用手机的网络浏览器查看海报(png 文件)在墙上的样子。

这可以通过 AR.js 实现吗?还是只能通过原生移动应用才能实现?

如果是这样,您能否分享一些指导以供我开始研究?

谢谢大家!

最佳答案

是的,您可以,使用浏览器和网络摄像头,当然还有一些 JavaScript。

一种方法是让最终用户打印出具有定义图案的标记,然后您可以用图像替换该标记。 Image Texture example at this URL on GitHub几乎完全包含您想要的代码,在浏览器中运行。

关于javascript - AR.js 显示卡在墙上的 png,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62628406/

相关文章:

javascript - 电话号码的自定义掩码

javascript - D3和弦图,带确切位置

javascript - 3D模型的A帧抖动

augmented-reality - 标记识别后的AR.JS重定向

augmented-reality - 如何将 a-frame 对象定位到标记的左下角,并使其宽度等于标记的宽度?

javascript - 如何将 d3js 中的拖动行为与 Leapjs 结合使用

javascript - 描述外部的 beforeEach 是否总是在描述内部的 beforeEach 开始之前完成?

swift - 如何使 UILabel 在未跟踪图像时出现在屏幕上,并在跟踪图像时消失

Android:Windows 中的 NDK 设置

swift - 了解 ARKit 世界变换矩阵