Web AR开发简介

Introduction to Web AR development

使用 webXR、mindAR、three.js 和 tensorflow.js

你将学到什么

获得构建不同类型的 Web AR 应用程序的实践经验,包括图像效果、面部效果和世界效果
获得关于 AR 如何在 Web 浏览器中工作的基本理解
掌握使用 WebXR、mind-ar-js 和 threejs 进行构建Web AR 应用程序
学习使用 tensorflowjs 将 AR 与机器学习模型集成以构建高度交互的体验
了解其他重要的 Web AR 库,包括 AFRAME、模型查看器和商业 SDK
学习使用有效的调试、模拟和模拟工具来加快开发速度
开发一个全面了解现在和不久的将来的所有网络 AR 技术,并知道何时使用什么
为自己构建和发布在线 AR 产品组合

要求

HTML、javascript 和 CSS 的基本知识
拥有 Android 或 iOS 设备

描述

介绍

这是开发基于 Web 的增强现实应用程序的最全面的指南。Web AR 与众不同之处在于它是跨平台的,并且不需要安装应用程序。它们只是在常规 Web 浏览器上运行的常规网页。

你会学到什么

在本课程中,您将学习如何使用 MindAR 开源库来构建 Image AR 效果和 Face AR 效果。MindAR 是 AR.js 的继承者,AR.js 是世界上最受欢迎的免费 AR 库。

此外,您将学习如何使用 WebXR api 来构建世界 AR 效果。WebXR 是用于在浏览器上开发沉浸式 AR 和 VR 效果的原生浏览器 API。

您还将学习如何将 tensorflow.js 机器学习模型集成到 AR 应用程序中,以创建高度交互和有趣的效果。例如,使用手势或面部表情来控制 AR 内容。

您还将开始掌握最流行的 3D 渲染框架three.js。

还将涵盖其他重要的网络 AR 技术,包括 AFRAME、模型查看器和商业 AR SDK。

除了实际的开发技能外,您还将学习有关 AR 如何在浏览器环境中工作的理论知识。

课程结构

课程材料经过精心设计。每个讲座都是高度模块化的,以提供一个单一的概念,这使您将来可以轻松地查找任何参考资料。所有示例源代码都简洁且解释清楚。

作业

除了讲座之外,您还必须完成 3 项实际作业,每种类型的跟踪效果都需要完成一项。其中一项任务是让您为自己创建和部署一个真正的在线 AR 产品组合,您可以将其展示给其他人。

开发技巧

将涵盖有用的开发技巧,包括远程调试工具和网络摄像头模拟技术。

本课程面向

Web 开发人员
AR 爱好者
WebXR、MindAR 或 threeJS 爱好者

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。