VR看房项目总结(1)


前言

本次记录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版本。添加链接描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值