three.js走进WebVR世界(一)之webvr-polyfill.js

因为这是第一节课，我们在学习之前先稍微讲一下webvr

WebVR的体验方式可以分为VR模式和裸眼模式

VR模式
1.Mobile VR
如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户的头部倾斜和转动的朝向，并告知页面需要渲染哪一个朝向的场景。
2.PC VR
通过佩戴Oculus Rift的分离式头显浏览连接在PC主机端的网页，现支持WebVR API的浏览器主要是火狐的 Firefox Nightly和设置VR enabled的谷歌chrome beta。
裸眼模式
除了VR模式下的体验方式，这里还考虑了裸眼下的体验浏览网页的方式，在PC端如果探测的用户选择进入VR模式，应让用户可以使用鼠标拖拽场景，而在智能手机上则应让用户可以使用touchmove或旋转倾斜手机的方式来改变场景视角。

学习这个系列课程需要一定的three.js基础，详情请移步three.js

首先我们先来认识一下webvr-polyfill.js，它是做什么的。

由于WebVR API还没被各大主流浏览器支持，因此需要引入webvr-polyfill.js来支持WebVR网页，
它提供了大量VR相关的API，比如Navigator.getVRDisplay()获取VR头显信息的方法。

如果没有在你的项目中加入这个库，那么在没有支持webvr的浏览器中。比如 36x浏览器。那么你开发者模式下可以看到：

three.js走进WebVR世界(一)之webvr-polyfill.js相关推荐

Three.js - 走进3D的奇妙世界
摘要:本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界. 文章来源:宜信技术学院 & 宜信支付结算团队技术分享第6期-支付结算部支付研发团队前端研发高级工程师-刘琳<thr ...
阿里的27个项目资源带你走进Github世界！
阿里的27个项目资源带你走进Github世界! 1.设计语言 & 前端框架 Ant Design https://github.com/ant-design/ant-design ★ 1488 ...
matplotlib 子图超过4个_走进Matplotlib世界（四）
回顾在走进Matplotlib世界(三)中,我们继续介绍了Matplotlib修改图表的一些属性,包括图例.网格.主/次刻度.文本等.今天我们讨论一下Matplotlib中的子图. 子图的概念在M ...
linux系统日志_第十二章：走进Linux世界——系统日志管理，日志轮转。
1.关心问题:哪类程序---> 产生的什么日志----> 放到什么地方 2.处理日志的进程 (1) 第一类: rsyslogd: 系统专职日志程序. 处理绝大部分日志记录, 系统操作有关的 ...
前端科普系列（2）：Node.js 换个角度看世界，
[前端科普系列]往期精彩内容: 前端科普系列(1):很有趣的一篇前端简史,作者有心了~主要介绍 web 前端发展的历史.大事件. 本文为系列文章(2),主要介绍 Node.js 的前世今生.核心科技以 ...
linux 挂载硬盘_第七章：走进Linux世界——储存管理1
一.基本分区 1)磁盘介绍名词:磁盘/硬盘/disk是同一个东东,不同于内存的是容量比较大. 类型:机械硬盘即是传统普通硬盘,主要由:盘片,磁头,盘片转轴及控制电机,磁头控制器,数据转换器,接口,缓 ...
linux crontab 每5分钟执行一次_第十一章：走进Linux世界——源码包管理and任务计划。...
一.文件管理 (1)概述 Source Code 源代码经过GCC.C++编译环境编译才能运行可以设定个人设置,开关功能 (2)源码包管理获取源码包--官网下载到真机,然后 rz 命令上传到虚拟机 ...
患上“远见病”的VR，不得不走进动物世界
连牛都有VR眼镜了. 时间来到2022年,VR还能怎么创新?一个没想到的方向是,让动物们先VR起来. 前不久,有新闻报道,土耳其的一家农场给牛戴上了VR眼镜,播放夏天草原的画面,据说奶牛因此心情更好, ...
带你走进虚拟化世界之kvm(转载)
http://chuck.blog.51cto.com/10232880/1720953 带你走进虚拟化世界之kvm 2015-12-08 23:10:46 标签:云计算虚拟化 kvm 原创作品,允 ...

three.js走进WebVR世界(一)之webvr-polyfill.js

three.js走进WebVR世界(一)之webvr-polyfill.js相关推荐

最新文章

热门文章