Logo
☆☆☆☆☆
0.0
Beginner
4h

精通 WebXR:使用 A-Frame 创建 XR 体验

本课程介绍了WebXR开发技术栈。你将掌握全球需求旺盛的基于网页的扩展现实(XR)工具与技术,这些技术正推动互联网的第三次迭代:Web 3.0。 通过本课程,你将获得设计和开发虚拟现实、增强现实及混合现实网页体验的实际经验。你将在A-Frame中熟悉XR开发,同时学习WebXR中的纹理、材质、着色器、动画、物理效果以及交互功能。课程后期,你将在此基础上深入理解XR的核心概念,并亲手设计、构建并开发一个沉浸式的导览应用。 完成本课程后,你将扎实掌握XR的基础知识以及关键的XR开发最佳实践。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
精通 WebXR:使用 A-Frame 创建 XR 体验
本课程介绍了WebXR开发技术栈。你将掌握全球需求旺盛的基于网页的扩展现实(XR)工具与技术,这些技术正推动互联网的第三次迭代:Web 3.0。 通过本课程,你将获得设计和开发虚拟现实、增强现实及混合现实网页体验的实际经验。你将在A-Frame中熟悉XR开发,同时学习WebXR中的纹理、材质、着色...

WHAT YOU'LL LEARN

对三维环境基础知识的理解

Content

7 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    课程简介

XR 开发概览
  1. 1

    XR开发路径

  2. 2

    XR流程

  3. 3

    WebXR 设备 API:初始化

  4. 4

    WebXR 设备 API:参考空间与渲染循环

  5. 5

    测验:扩展现实(XR)生态格局

A-Frame 简介
  1. 1

    A-Frame 开发的前置条件

  2. 2

    A-Frame 基础

  3. 3

    XR场景搭建与物体分解

  4. 4

    A-Frame 中的视觉检查器

  5. 5

    解构基本类型

创建虚拟环境
  1. 1

    视角与环境:相机、天空与地面

  2. 2

    VR中的光照

  3. 3

    纹理、材质和着色器

  4. 4

    添加、管理和监控资产

  5. 5

    动画对象

与对象的交互
  1. 1

    光线投射器、光标和组件注册

  2. 2

    事件集组件

  3. 3

    基于视线的交互

  4. 4

    JavaScript、事件和DOM API

  5. 5

    自定义事件

提升环境
  1. 1

    在 A-Frame 中实现物理效果

  2. 2

    在场景中加入声音

  3. 3

    添加视频

  4. 4

    在 A-Frame 中实现导航

  5. 5

    应用:闪烁传送

尾声
  1. 1

    总结

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)