内容摘要：互联网的流行与飞速发展使传统的二维网页已不再满足我们的需求，于是，基于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