VR看房项目总结(1)

文章目录


前言

本次记录VR看房的一个完整工作流,使用2017.4.4c1版本发布WebGL端,本记录基于B站罗老师和VR看房实习经历编写。


一、素材制备

1.全景图获取

在3dMax中构建3D模型,并进行渲染,3DMax渲染步骤。获取几个房间的全景图,另外渲染一个俯视3D图像的图。

2. 界面中指南针、小地图等元素制备

在PS中画一个指南针,如下图:VR看房项目总结(1)

3. 地表箭头制备

想制造更好的交互感,在画面中添加箭头,以便于进入某个房间,包括。直行,左转,右转。VR看房项目总结(1)
VR看房项目总结(1)
VR看房项目总结(1)

二、发布WebGL

1.导入资源

将全景图、指南针、箭头等元素导入Unity。

2.发布第一版WebGL

创建球体,将全景图拖入球体,可看到球体贴上了全景图,在项目面板中也会同时创建Material材质。
File-BuildingSettings-选择WebGL平台-BuildVR看房项目总结(1)
VR看房项目总结(1)
注意:Build的文件夹路径不能有中文

三. 网页测试

完成步骤二后,获得WebGL文件,将打包完成后的html文件“拖入”已打开的网页中。
注意是拖入,另外最好使用Google最新版打开,如果拖入,很长时间没有反应,进行如下设置。Google打开WebGL教程
VR看房项目总结(1)


总结

以上就是今天要讲的内容,本文仅仅简单介绍这个项目的资源创建、发布WebGL,网页测试等初始步骤。下篇文章介绍第一版可交互的WebGL版本。添加链接描述

上一篇:Unity WebGL 踩同样的坑......


下一篇:交互式计算机图形学--基于WebGL 第四章 几何对象和变换(2)