WebAR：它如何改变增强现实的未来

增强现实越来越受开发人员和智能手机用户的欢迎，但它仍然没有在无处不在的技术中流行起来。

增强现实越来越受开发人员和智能手机用户的欢迎，但它仍然没有在无处不在的技术中流行起来。要体验 AR，用户必须安装专用应用程序，但通常他们删除它后，几次使用或甚至懒得下载它。WebAR 将成为用户不愿通过应用体验它的解决方案，而且有一些相当不错的证据证明它实际上很成功。

什么是 WebAR？

WebAR 是一种增强现实体验，可通过 Web 浏览器而不是应用程序进行访问。它通过使用 WebGL、WebRTC、WebVR 和 API 等技术提供这种基于 Web 的 AR 体验。简单地说，你只需要一个电话来访问它。

基于 Web 的增强现实使智能手机用户能够以最简单的方式（通过 Web）发现 AR 技术，而无需安装应用。它打破障碍，创建交互式3D模型，可以通过二维码或链接访问。

目前，与基于应用的AR 相比，WebAR 的功能有限，但它已经包括简单的动画、视频和一定程度的交互性。

此外，WebAR 支持图像目标检测。

WebAR 背后的技术
WebAR 是沉浸式 Web 的一部分，虽然它不需要应用，但它仍然有一些技术要求。

首先，您的智能手机必须具有陀螺仪加速度计和RGB摄像头等传感器，这是大多数现代智能手机都配备的传感器，才能运行WebAR页面。

此外，您的浏览器应支持WebXR，允许用户查看AR/VR内容，而无需安装额外的插件或软件，并安装了AR核心（对于Android设备）。

对于 iOS 设备用户，Apple 开发了 AR 快速查找，该扩展使用户能够在 Web 上使用 ARKit。然后，在屏幕上显示 AR 图像后，只需轻点一下即可访问 AR 体验。它适用于 Safari 浏览器和内置应用程序（如邮件、笔记和消息），并允许您查看高质量的 3D 对象。

USDZ格式由 Apple 与皮克斯动画工作室共同创建，允许开发人员为 AR 创建 3D 模型。它是 USD 格式的扩展，它结合了多个对象（如图像和文本），并将它们渲染成一个对象。USDZ 本身是未加密的 zip 存档，可以通过 Apple 基于 Python 的工具创建。它还包括一个转换器，用于将其他文件格式（如 .fbx、.abc、.gltf，.obj）转换为 USDZ。

还有许多其他工具和框架可帮助开发人员使用 WebAR 扩展沉浸式 Web。例如，AR.js 是 Web 上增强现实的开源库，用于改进智能手机上的 WebAR 性能，包括基于标记的技术（简化的二维码）和基于位置的 AR。它可以很容易地执行 60FPS，并且非常轻松地构建 WebAR 体验。

总之，现代浏览器要识别和显示超过像素的 3D 内容，“3D 内容必须是可组合的、可互操作的和可标准化的”，才能推动这项技术向前发展。

WebAR 功能目前如何受到限制？
尽管为智能手机用户提供了更多的可能性，但WebAR的功能相当有限;AR 性能在应用中更好。显示 AR 图像的网页上的内存限制是提高 WebAR 性能的障碍之一，因为它直接影响动画的质量。

更重要的是，与基于应用程序的AR相比，WebAR的功能也更加有限。例如，将对象放置在墙上或进行实际测量将是有问题的。与基于应用程序的 AR 开发过程相比，在创建 WebAR 体验期间，开发人员无法访问他们构建它的所有功能和功能。因此，它们只能使用基本功能。

互联网速度是另一个可能阻碍更好的WebAR功能的时刻：它必须具有最高的速度和工作，没有中断，因为基于浏览器的AR需要与互联网的恒定连接。然而，显然随着5G的到来，这将不再是问题。

WebAR 的市场影响
传统的基于应用程序的AR已经广泛使用，可供所有人使用。越来越多的APP, 像 抖音，Instagram 这样的应用程序拥有 “滤镜”， 这已成为一个真正的趋势。

宜家和乐高也成功实施了这项技术。但有一件事，所有这些AR应用程序缺乏 - 自主性。

因此，WebAR 的所有机会都有机会像基于应用的应用程序一样受欢迎，甚至可以取代它。让我们来看看在商业、营销或日常生活中可能的 WebAR 实现。

WebAR 的第一个，也许也是最令人兴奋的应用程序可以用于搜索查询。谷歌已经宣布将把AR引入网络搜索。

例如，当您查找有关鲨鱼的信息时，您可以将动物的动画版本放在真实背景的顶部;或者你可以试穿一双鞋， 看看它们在现实中会是什么样子。后一种功能为网上购物开辟了一个全新的可能性，因为如果客户能够先通过与产品的 3D 模型互动来尝试，他们会对购买更有信心。

可以使用 WebAR 的行业：
电子商务和广告。WebAR 可以将电子商务体验更上一层楼。在营销方面，它为广告活动提供了一个新的平台，因为人们可以扫描二维码或按照链接，获得更多吸引人和互动的广告。

教育。WebAR在教育过程中的应用是让学生参与课堂教学，使整个教育过程更具互动性和趣味性。此外，它可以帮助学生在校园里导航。

娱乐。有许多为娱乐而创建的许多 WebAR 示例，因为与它交互本身就很有趣。它可用于游戏，甚至电影推广。索尼影业实际上使用WebAR来推广电影，他们提供了一个真正引人入胜的体验，由语音交互提供支持，以赋予一个令人兴奋的3D冒险。

业务。最有趣的WebAR示例之一是3D AR名片。扫描二维码时，手机屏幕上会显示一张交互式卡。从那里，您可以浏览此人的社交媒体、电子邮件等。您的 WebAR 名片还允许您跟踪分析：有多少人使用二维码。

WebAR 的未来
WebAR将很快成为主流，它很可能被营销人员使用最多。关于WebAR最好的一点是，它可以创建一个非常简单的方法来访问信息。在环境中的任意位置集成信息的可能性可以在一次二维码扫描或一次点击中创建数据可用的空间，而无需搜索。

充满互动的3D导航地图，将为您找到自己的路，叠加视觉方向在真实背景;或者，当你在公共汽车站时，你可以用手机扫描站牌，看看公共汽车是否如期来。

然而，AR技术的流行，还涉及许多其他问题，如私人隐私问题，数据安全和过度消费。因此，必须通过适当的立法，世界必须学会如何明智地使用这项技术，使之对每个人都有益。

总结
将 AR 充分扩展到 Web 可能是授予此技术未来的最佳选择。

通过让智能手机用户不必安装大量应用程序，WebAR 可以使增强现实更容易访问，并且更有利于业务。使用WebAR实现产品的数字化，为与客户的关系带来了一个新的时代，并极大地丰富了品牌的经营战略。

也许，WebAR在日常生活中的广泛使用 正在不久的未来。

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分