文章目录
前言
本次记录VR看房的一个完整工作流,使用2017.4.4c1版本发布WebGL端,本记录基于B站罗老师和VR看房实习经历编写。
一、素材制备
1.全景图获取
在3dMax中构建3D模型,并进行渲染,3DMax渲染步骤。获取几个房间的全景图,另外渲染一个俯视3D图像的图。
2. 界面中指南针、小地图等元素制备
在PS中画一个指南针,如下图:
3. 地表箭头制备
想制造更好的交互感,在画面中添加箭头,以便于进入某个房间,包括。直行,左转,右转。
二、发布WebGL
1.导入资源
将全景图、指南针、箭头等元素导入Unity。
2.发布第一版WebGL
创建球体,将全景图拖入球体,可看到球体贴上了全景图,在项目面板中也会同时创建Material材质。
File-BuildingSettings-选择WebGL平台-Build
注意:Build的文件夹路径不能有中文
三. 网页测试
完成步骤二后,获得WebGL文件,将打包完成后的html文件“拖入”已打开的网页中。
注意是拖入,另外最好使用Google最新版打开,如果拖入,很长时间没有反应,进行如下设置。Google打开WebGL教程
总结
以上就是今天要讲的内容,本文仅仅简单介绍这个项目的资源创建、发布WebGL,网页测试等初始步骤。下篇文章介绍第一版可交互的WebGL版本。添加链接描述