资源描述：
《基于web3d技术的虚拟展厅设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、内容摘要：互联网的流行与飞速发展使传统的二维网页已不再满足我们的需求，于是，基于web3d技术的三维网页开始进入我们眼帘。Web3d技术是在互联网中实现虚拟现实相关的技术。这些年来，Web3d技术有了一定成熟的进步，不过相关的资源仍是十分稀少。常见的web3d技术有Flash3d、Unity3d、WebGL等，目前最为简便且流行的则是基于WebGL的three.js。本项目将3d网页与虚拟现实相结合，首先将家装公司的效果模型渲染成正方形全景图，然后再采用web3d全景图技术（html5、JavaSc
2、ript、Three.js）构建一个室内设计效果的360/180环视查看，接下来通过获取手机设备的位置和动作信息，把手机的屏幕分成左右眼视觉渲染并应用手机中的加速度计、陀螺仪等感应器，使我们只需戴上cardboard便可体验身临其境的VR效果。其展示效果远远超过普通的平面图演示。关键词：互联网JavaScriptthree.jsVRAbstract：ThepopularityandrapiddevelopmentoftheInternetmakesthetraditionaltwo-dimensio
3、nalpageisnolongermeetourneeds,then,basedontheweb3dtechnologyof3dpagestartintooureyes.TheWeb3dtechnologyisrelatedtovirtualrealitytechnologyintheInternet.Overtheyears,theprogressoftheWeb3dtechnologyhadcertainmature,buttheresourceisstillveryrare.Commonthe
4、web3dtechnologyareFlash3d,Unity3d,WebGL,atpresentthemostconvenientandpopularisbasedontheWebGL.Thisprojectwillbe3dsitecombinedwithvirtualreality,thefirsttopainttheeffectofdomesticoutfitcompanymodelinpanoramicviewofthesquare,andthenthepanoramicviewofthew
5、eb3dtechnology(HTML,JavaScript,Three.js)builda360/180oftheeffectofinteriordesignaroundaview,thenbygettingthelocationofthemobiledevicesandmotioninformation,themobilephonescreenisdividedintoleftandrighteyevisualrenderingandusetheacceleratorandgyroscopese
6、nsorinthisphone,weonlyneedtowearacardboardcanexperienceVReffect.Thedisplayeffectisfarmorethanordinaryplanpresentation.Keywords:TheInternet,JavaScript,three.js,VR目录摘要IAbstractII1.项目综述………………………11.1项目背景………………………11.2技术综述………………………12.制作全景图………………………22.1.全景图……
7、…………………22.2.渲染全景图………………………23.three.js场景………………………33.1.three.js简介………………………33.2.搭建场景………………………33.3.方案切换………………………63.3.1.切换按钮………………………63.3.2.切换实现………………………73.4.添加音乐………………………84.VR支持………………………94.1.WebVR………………………104.2.效果实现………………………104.2.1.加载库文件………………………104.2.2.效果
8、实现………………………105.手机端演示………………………116.小结………………………11参考文献………………………13致谢………………………14引言互联网技术飞速发展，在我们身边各个方面都能看到互联网的踪迹。人们对互联网的需求也不断提升，网页也不仅限于二维图片和文字的展示，许多优秀炫酷的3D网站也出现在了我们的眼中[1]。3D技术的优势非常明显，它可以使用户更加直观的浏览所需内容，有身临其境的感觉[1]。网页设计与制作人员一直尝试通过各种技术实现3D网页，其中包括
