内容摘要:互联网的流行与飞速发展使传统的二维网页已不再满足我们的需求,于是,基于web3d技术的三维网页开始进入我们眼帘。Web3d技术是在互联网中实现虚拟现实相关的技术。这些年来,Web3d技术有了一定成熟的进步,不过相关的资源仍是十分稀少。常见的web3d技术有Flash3d、Unity3d、WebGL等,目前最为简便且流行的则是基于WebGL的three.js。本项目将3d网页与虚拟现实相结合,首先将家装公司的效果模型渲染成正方形全景图,然后再采用web3d全景图技术(html5、JavaScript、Three.js)构建一个室内设计效果的360/180环视查看,接下来通过获取手机设备的位置和动作信息,把手机的屏幕分成左右眼视觉渲染并应用手机中的加速度计、陀螺仪等感应器,使我们只需戴上cardboard便可体验身临其境的VR效果。其展示效果远远超过普通的平面图演示。
关键词:互联网 JavaScript three.js VR
目次
摘要
Abstract
1. 项目综述-1
1.1项目背景-1
1.2技术综述-1
2. 制作全景图-2
2.1. 全景图-2
2.2. 渲染全景图-2
3. three.js场景-3
3.1. three.js简介-3
3.2. 搭建场景-3
3.3. 方案切换-5
3.3.1. 切换按钮-5
3.3.2. 切换实现-6
3.4. 添加音乐-7
4. VR支持-8
4.1. WebVR-8
4.2. 效果实现-8
4.2.1. 加载库文件-8
4.2.2. 效果实现-9
5. 手机端演示-9
6. 小结-9
参考文献-11
致谢-12