WebVR A-Frame学习教程

WebVR A-Frame学习教程

跨平台虚拟现实体验的设计和原型

课程英文名:Learn A-Frame And Get Ready For WebVR

此视频教程共2.5小时,中英双语字幕,画质清晰无水印,源码附件全

下载地址


课程编号:371百度网盘地址:https://pan.baidu.com/s/11fq7xpyK2GWhU4P3M1FryQ?pwd=5f0c

课程内容


你将会学到的

  • 了解基本语法

  • 使用移动和传送

  • 变换场景中的对象

  • 修改控件

  • 修改虚拟环境

  • 加载和播放音视频

  • 加载和显示 3D 模型

  • 编写和注册组件

  • 使用标准和语义动画

  • 使用 JavaScript 控制实体

  • 与对象互动

  • 在任何设备上测试 WebVR 场景

本课程包括:

  • 8 小时 长的随选视频

  • 25 篇文章

  • 54 个可下载资源

  • 在移动设备和电视上观看

要求


  • 对虚拟现实的浓厚兴趣

  • 愿意学习新的技能和技术

  • 有基本的 HTML 和 JavaScript 编码知识者优先

  • 了解 3D 建模将是一个额外的优势,但不是必需的

说明


*** 2020 年 4 月 27 日新闻 ***

可下载的源代码已更新至最新版本 v.1.0.4,适用于以下讲座:

  • 第 51 讲"多实体组件第 1 部分"

  • 第 52 讲"多实体组件第 2 部分"

其他讲座的代码更新目前正在进行中!

*** 介绍 ***

欢迎来到我的 A-Frame 课程,您将在其中学习如何在几个小时内在任何设备上创建和测试您的第一个 WebVR 场景!

无论您从事设计或开发的哪个领域,您都可能已经开始关注 Web 虚拟现实 (WebVR),如果您还没有,那么很快您将不得不这样做。

事实上,如今WebVR 标准在几乎所有主要耳机的手机和台式电脑上都得到了令人难以置信的良好支持。

显然是时候让所有创意人员都参与进来了!

*** 关于我 ***

我是一名有编码技能的设计师,我的一些 WebVR 作品在 2018 年 4 月和 2019 年 3 月的比赛和黑客马拉松中获奖。

2018 年 4 月,

我的参赛作品"史诗般的中世纪之战"被宣布为在"WebVR 中世纪奇幻体验挑战赛"中获得第三名的三名获奖者之一,该比赛由Mozilla 和 Sketchfab组织。

2019 年 3 月

我们与 AR 开发人员合作,合并了 WebVR 和 AR 技术,以在 3D 地图上进行上下文感知的远程内容放置和现实世界中的实时可视化。我们的项目在#SCAPEHACK 2019 上赢得了社区投票奖,这是Scape Technologies 在伦敦举办的首届黑客马拉松。

如果你想关注我的 WebVR 活动,你可以在Twitter 上关注我:@theDart76

要查看我的一些 WebVR 作品,只需访问我的网站和我的 WebVR 游乐场(个人资料中的链接)。

*** 为什么要注册 ***

这是您可以在 Udemy 上找到的最完整、最详细的 A-Frame 课程,其内容结构合理,向您介绍所有主题,从最基本的主题到更高级的主题,循序渐进。

在每节课中,我都会用实例来解释概念,这将使您在实践中看到理论。如果您想了解我的教学方式,请看一下预览视频:您可以免费观看前 1 小时 20 分钟的内容!

最重要的是,我在 2017 年 9 月创建了这门课程,当时 A-Frame 还在 v0.7.x 上,从那时起我一直在更新它,添加新的内容和信息。因此,您将有机会了解其下一个版本 v0.8.x 和 v0.9.x 发生了什么变化。

最后但同样重要的是,因为您会在网上找到大量示例和代码块(例如在 Glitch、CodePen、Stack Overflow 上),本课程还将让您理解为什么使用旧版本的 A-Frame 创建的一些项目和实验可能不会使用最新版本时可以正常工作。

*** 内容 ***

通过注册此A-Frame 课程,您将学习如何使用 Mozilla Web 框架构建出色的跨平台虚拟现实体验。

该课程的结构涵盖了您开始使用 A-Frame 所需的所有知识,并且能够:

  • 了解基本语法

  • 变换场景中的对象

  • 修改虚拟环境

  • 加载和显示 3D 模型

  • 使用标准和语义动画

  • 与对象互动

  • 使用移动和传送

  • 修改控件

  • 加载和播放音视频

  • 编写和注册组件

  • 使用 JavaScript 控制实体

  • 在任何设备上测试 WebVR 场景

*** 附加组件 ***

对于每个讲座,您将获得完整的源代码,您可以自由地将其用作自己项目的模板。

该课程还包括一些额外的宝贵资源,可为您提供:

  • 讲座中使用的资源的 Web 链接

  • 指向免费 3D 模型和 3D 建模软件的 Web 链接

  • 指向 VR 相关网站的 Web 链接

最后,此A-Frame 课程将不断更新新内容、项目和资源,因此您可以将其视为对永无止境的 A-Frame 培训供应的订阅!

此课程面向哪些人:


  • 网页设计师

  • 前端网络开发人员

  • 游戏设计师

  • 游戏开发商

  • 3D艺术家

  • VR爱好者

  • 想了解新趋势和新技术的人

计算机字幕视频教程网https://blog.ittutorial.top/ 持续更新Udemy,Coursera等在线课堂上的视频教程,类别涵盖人工智能、机器学习、编程语言、游戏开发、网络安全、云计算、Linux运维、面试技巧等计算机学科的全部知识。

所有视频教程均包含中英双语字幕、练习源码及配套的补充资料。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值