基于web3d技术的虚拟展厅设计.docx

  • 需要金币1000 个金币
  • 资料包括:完整论文
  • 转换比率:金钱 X 10=金币数量, 即1元=10金币
  • 论文格式:Word格式(*.doc)
  • 更新时间:2018-01-09
  • 论文字数:7114
  • 当前位置论文阅览室 > 论文模板 > 课程设计 >
  • 课题来源:(心有所属)提供原创文章

支付并下载

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