文章目录

• 前言
• 一、素材制备
• • 1.全景图获取
  • 2. 界面中指南针、小地图等元素制备
  • 3. 地表箭头制备
• 二、发布WebGL
• • 1.导入资源
  • 2.发布第一版WebGL
• 三. 网页测试
• 总结

---

前言

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

标签：总结,网页,拖入,制备,WebGL,箭头,VR,全景图,看房
来源： https://blog.csdn.net/weixin_51506162/article/details/121392739