AR.js 显示挂在墙上的 png
AR.js to show png hanging on the wall
我有一个电子商务网站，出售来自不同独立艺术家的插图。
我知道用户打开相机并使用手机的网络浏览器查看海报（png 文件）在墙上的样子。
这是否可以通过 AR.js 实现，或者这只能通过本机移动应用程序实现？
如果是这样，您能否分享一些指导以供我开始研究？
谢谢大家！
是的，你可以，使用浏览器和网络摄像头，当然还有一些 JavaScript。
一种方法是让最终用户打印出具有定义图案的标记，然后您可以用图像替换该标记。 Image Texture example at this URL on GitHub 几乎完全包含您想要的代码，运行 在浏览器中。
使用 ARjs，您只能在用户墙上有标记的情况下执行此操作。您可以让用户打印标记作为用户旅程的一部分。我认为对您来说更好的解决方案是 model-viewer。模型查看器可以识别表面并将您的模型添加到该表面，问题是如果您想显示 png，则不能。您可以做的是将此 png 转换为 3D 模型（实际上只是一架飞机）并展示它。
您还可以查看 echoAR（完全公开 - 我在那里工作），看看是否有适合您使用 ARjs/模型查看器的解决方案。
希望对您有所帮助。
我有一个电子商务网站，出售来自不同独立艺术家的插图。
我知道用户打开相机并使用手机的网络浏览器查看海报（png 文件）在墙上的样子。
这是否可以通过 AR.js 实现，或者这只能通过本机移动应用程序实现？
如果是这样，您能否分享一些指导以供我开始研究？
谢谢大家！
是的，你可以，使用浏览器和网络摄像头，当然还有一些 JavaScript。
一种方法是让最终用户打印出具有定义图案的标记，然后您可以用图像替换该标记。 Image Texture example at this URL on GitHub 几乎完全包含您想要的代码，运行 在浏览器中。
使用 ARjs，您只能在用户墙上有标记的情况下执行此操作。您可以让用户打印标记作为用户旅程的一部分。我认为对您来说更好的解决方案是 model-viewer。模型查看器可以识别表面并将您的模型添加到该表面，问题是如果您想显示 png，则不能。您可以做的是将此 png 转换为 3D 模型（实际上只是一架飞机）并展示它。 您还可以查看 echoAR（完全公开 - 我在那里工作），看看是否有适合您使用 ARjs/模型查看器的解决方案。
希望对您有所帮助。