虚拟现实 (VR) 看起来很复杂,但借助一些 JavaScript 库和工具,以及 WebGL 的强大功能,您可以制作非常不错的 VR 场景,可以在像 Oculus Go 或 HTC Vive 这样的头戴设备中查看和分享,也可以在桌面网页浏览器或智能手机上查看和分享。让我来向您展示如何操作。
在这个新的 YouTube 系列中,如何在浏览器中使用 three.js 和 WebVR 制作虚拟现实项目,我将带您完成一个互动生日卡的制作,它包含七个简短的教程,并附有代码和示例,让您快速上手。整个系列时长不到 60 分钟。我们将从在屏幕上创建一个基本的立方体开始,添加一些精美的 3D 模型,设置灯光和导航,最后添加音乐。
您只需要具备基本的 JavaScript 技能和网络连接。
以下是整个系列。快来加入我吧!
1: 学习如何使用 WebVR 和 JavaScript 在网页上构建虚拟现实场景
2: 设置您的 WebVR 工作流程和代码以构建虚拟现实生日卡
3: 使用 WebVR 编辑器 (Spoke) 创建有趣的 3D 生日卡
6: 通过几行代码将文本和文本效果添加到您的 WebVR 场景中
7: 如何在您的 WebVR 场景中添加声音和天空等收尾工作
要学习如何使用 Web 技术制作更多酷炫的东西,请订阅 Mozilla Hacks 的 YouTube 频道。如果您想更多地参与到为网页创建混合现实体验的学习中,您可以在 Twitter 上关注 @MozillaReality,以获取新闻、文章和更新。
关于 Josh Marinacci
我是一位作家、研究员,也是一名正在康复的工程师。以前曾在 Sun 的 Swing 团队、Palm 的 webOS 团队和诺基亚研究中心工作过。我传播良好用户体验的信息。我和妻子以及天才的乐高搭建师孩子住在阳光明媚的俄勒冈州尤金。
10 条评论