AR.js：Web的高效增强现实

这个宾客帖子是由一个新的增强现实工具包的背后的创造者贡献的，在移动电话上将AR带到网上。

图片：AR.js.png

图片：ar2.png

增强现实的可能性是无数的，我们甚至没有划伤表面。我们一直热衷于开发基于Web的AR很长时间。我们希望AR对世界有用，停止成为一个承诺，成为现实。这个项目是实际发生的强烈愿望的结果。它被称为AR.js.

什么是AR.js？

AR.js是一个解决方案，有效地在web上提供增强现实，可在github : https://github.com/jeromeetienne/ar.js。
让我们仔细看看它是什么：

非常快：它甚至在手机上运行，60fps在我2岁的手机上

基于Web：这是一个纯Web解决方案，因此不需要安装。完整的javascript基于three.js+jsartoolkit5

开源：它是完全开放源代码和免费

标准：它适用于任何手机上的WebGL和WebRTC技术

目标是使人们更容易做增强现实;AR，可以很容易地在今天的手机经验和使用网络技术轻松设计。AR.js项目是关于使这些人。所以现在，任何人使用现代手机都可以享受开源AR，免费，跨平台，无需安装。

这有什么帮助？

AR.js很快。这是我们第一次有一个开源的基于Web的解决方案，能够在目前部署的手机上执行60fps。

突然，大多数人有一个电话能够做AR，而无需安装。这是不可能的。你不必等待每个人都购买支持AR的设备（如探戈，Moverio...等）。你已经有一个，在你的口袋里。

站在巨人的肩膀上

如果没有之前的一些鼓舞人心的项目，AR.js是不可能的。正是由于他人的辛勤工作，我们今天可以达到每秒60帧AR。这些项目有助于实现：

Three.js是一个伟大的图书馆，用于在网络上创建3d图形

ARToolKit多年来一直在开发增强现实

emscripten和asm.js允许我们将ARToolKit编译成JavaScript

铬是非常快的帮助

只有感谢所有的人，我们可以做我们的部分：优化性能从高端手机上的5fps，2年手机上的60fps。

如何在手机上试用？

AR.js基于标准，可以在任何带WebGL和WebRTC的手机上工作。它适用于Android和Windows移动。不幸的是，它目前无法在iOS设备上工作。Safari不支持WebRTC，但苹果目前正在开发它。

按照以下两个步骤来解决：

在桌面浏览器中打开此hiro标记图像

在手机浏览器中打开此增强现实的网络应用程序，并将其指向您的屏幕

你完成了！它会打开一个网页，访问手机的相机，本地化一个hiro标记，并在其上添加3d。

arjs-60-b

性能-什么意思是什么意思？

我们仍然处于项目的早期阶段，但这里有一些初始数字，给你一个想法：

我们在Nexus6p上达到了60fps的稳定运行。

我们已经得到一些报告，它运行在索尼XperiaZ2上50fps。这是一个2.5岁的手机。

其他一些报告，它运行在旧Nexus5上的50fps和Nexus9上的60fps。请注意，Nexus5是一个3.5岁的手机。

最后但并非最不重要的是，一些更多的报告它工作在Windows移动与Edge：13fps在Lumia950一些，和40-45fps在Lumia930为其他人。我们仍然惊讶它运行在Windows手机上。

显然，你的里程可能会有所不同。你获得的性能取决于三件事：3D的重量，你如何调整参数和你使用的硬件。

什么是新的？

最近，我们一直在使用AR.js开发新的东西。其中一个是玩弄阴影，同步虚拟灯的位置与现实为更生活般的完成：

我们与FredrickBlomqvist非常密切地合作。他的投入对AR.js的创新有很大的影响，我们要感谢他。在一起，我们已经实现折射，给3d一个透明/玻璃效果。它最终有一个很好的抛光的外观。你们有什么感想？

增强现实中的折射-在现实中合并虚拟对象-它看起来太好了！pic.twitter.com/vv06y7i2Si

-JeromeEtienne（@jerome_etienne）2017年3月6日

我们一直在努力的其他疯狂的想法包括在墙上的洞和通往另一个世界的门户。我们希望将AR.js带到新的维度。

阿里斯河

阿里斯山

下一步是什么？

我们在性能上做得很好，但仍然有很多优化空间。使用webworkers将增加CPU使用率。在webassembly而不是asm.js中编译应该会改善加载时间和可能的CPU性能。显然，我们仍然可以调整更多的参数。

我们希望人们开始体验增强现实，并习惯使用它。只是看看这个PSVita益智游戏在AR使用镜子和激光束，或这个天才的AR游戏画面。

PSVita做了很多有想象力的游戏应用程序。你理论上可以做同样的运行在普通手机上的AR.js，而不需要购买一个新的设备。

你可以用AR.js做的其他事情是开发教育应用程序与科学相关的主题，像这个太阳系或像这样的互动化学应用程序。我们很高兴看到人们将如何使用AR.js.

原文：http://www.946vr.com/news/2600.html