网络增强现实简介:WebXR 和 Three.js

Intro to Augmented Reality on the Web: WebXR and Three.js

了解如何在 iOS 和 Android 上编码和运行增强现实 WebXR 体验

你将学到什么

  • 如何在网络上创建增强现实应用程序(在浏览器中使用 WebXR)
  • 如何在 iOS 和 Android 设备上运行 WebXR 应用程序
  • 使用 3D JavaScript 库 ThreeJS 进行编程的基础知识
  • 如何在 AR 中渲染不同类型的形状和模型(带或不带动画)
  • 如何在 AR 中添加触摸手势

 

要求

  • 学生会发现具备 Web 编程知识(javascript、css、html)很有帮助,但不需要具备 WebXR 或 ThreeJS 经验
  • 学生应拥有 iOS 或 Android 移动设备

描述

介绍

增强现实有可能在网络上得到广泛采用,用户无需下载应用程序或确保他们拥有最新的硬件。WebXR 是最新的官方 Web API 之一,允许开发人员使用 Javascript 创建 VR 和 AR 体验

不要错过成为第一批精通这项技术的开发人员之一的机会,这项技术很快就会遍布网络。在不到一个小时的时间内,您就可以在网络上创建自己的 AR 体验!

高级课程

如果您查看本课程大纲并决定需要更高级的内容,请务必在我们的网站上查看更长的课程:webxracademy dot com

字幕

  • 英文隐藏式字幕已手动转录,质量很高。
  • 字幕有西班牙语、法语、意大利语、波兰语、葡萄牙语、德语、简体中文、繁体中文、韩语、印地语和土耳其语。

内容

在本课程结束时,您将了解如何在网络上创建简单的增强现实体验的基础知识,以及如何设计和编码 3D 体验的基本了解。每个讲座都包含示例代码和外部链接示例来支持您的学习。

具体来说,您将学习如何:

  • 使用 WebXR 在网络上创建基本 AR 应用程序
  • 使用名为 Three.js 的强大 3D 库,网络上数以百万计的应用程序都在使用它
  • 在 AR 中加载并显示 3D 对象和模型
  • 为对象和模型制作动画
  • AR 中的定位和旋转
  • 使用不同类型的 3D 模型
  • 使用触摸手势提供交互性
  • 将任何 Three.js 应用程序转换为 AR 应用程序
  • 在桌面、iOS 或 Android 设备上测试 WebXR 体验

先决条件

虽然您会发现具备一些 Javascript 和 Web 编程知识很有用,但绝对的初学者也可以学习该课程,因为编码环境很简单,并且代码示例中设置了许多注释和解释。如果您对 3D 环境、增强现实、Three.js 或 WebXR 一无所知,那么本课程适合您。

虽然您可以使用任何台式计算机对 WebXR 进行原型设计,但要模拟真正的移动 AR,您需要拥有支持 ARKit 的 iOS 设备(2017 年之后的大多数手机或 iPad)或支持 ARCore 的 Android 设备(2016 年之后的大多数手机)。

关于我们

我们是一所编码学校,专门研究令人兴奋的网络增强现实新技术。不再需要下载应用程序或使用 Swift 或 Java 进行繁琐的编码,只需使用 Javascript、HTML 和 CSS 创建您的 AR 应用程序,然后让全世界数百万人轻松使用它。

本课程适合谁:

  • 网络程序员
  • 前端开发人员
  • AR 或 3D 爱好者
  • WebXR 或 ThreeJS 爱好者
  • 有兴趣了解网络增强现实前沿世界的人们
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。