前言

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

VR看房项目总结(1)相关推荐

Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换和自定义标注
Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房.房间切换和自定义标注 photo-sphere-viewer 下载插件使用常用参数 Markers插件使用 ...
THREE.JS实现看房自由（VR看房）
VR看房一.前言二.基础知识三.场景 3.1 网络模型 3.2 光照 3.2.1 环境光 3.2.2 平行光 3.2.3 点光源 3.2.4 聚光灯 3.2.5 半球光四.相机 4.1 正交相 ...
什么是VR看房，VR看房的优势？
其实VR看房不是一个新概念,而是早就已经实现的一项技术.简单来说,VR看房是通过VR与全景展示技术让用户在线上全方位了解房屋的户型和内部细节,带给用户身临其境的虚拟体验. VR看房是如何制作的? 目前 ...
vr全景视频如何制作？ vr看房有什么好处！
说到vr,在很早以前就已经拥有了这些技术.只是那时候只应用到娱乐场所中,因为这些技术能让人有一股身临其境的感觉.所以人们用vr全景技术能短暂避免一些烦恼从而获取幸福.随着科技越来越发达,vr全景已经不 ...
中小中介公司，如何应对链家推出的贝壳找房那种VR看房模式
链家推出「贝壳找房」已有一段时间,其对市场和同业的影响力正在不断发酵.据了解,对于VR看房,链家是耗费2年并投入2个亿来做了这件事,他们从硬件到技术再到内容,全部是自己团队包办的.而对于我们国内的普通 ...
传统样板房会就此消失吗？那些年被我们误解的VR看房
要开开心心地在外流浪,就要有一个可以回去的地方. --<春光乍泄> 这是1997年的香港电影<春光乍泄>,由王家卫导演拍摄的,为此他还获得了第五十节戛纳国际电影节的最佳导演奖. ...
VR看房难改变国内房地产市场，看看国外巨头怎么做
本文由微信公众号「VR看天下」(VRkantianxia)原创发表去年美国哥伦比亚广播公司给某个"虚拟现实看房"的商品铺了一条广告.大意是一位房产的销售总监用虚拟现实技术卖了40 ...
微信小程序---实现VR看房效果
1.前言客户需求需要实现VR看房功能.使用技术为微信小程序+spring boot. 2.工具 ① 下载PtGui绘制全景图工具:https://www.jb51.net/softs/743790. ...
接触webGl(three.js)之全景(VR)看房的实现旅程总结
文章目录前言实现全景(VR)看房的方式一.纯Three.js方式 1.安装包 2.实现的业务代码 3.实现演示二. 使用photo-sphere-viewer 1.安装包 2.实现的业务代码 ...
VR看房：全景图和移动切换的实现
VR看房导读前段时间一直在做 VR看房的全景图漫游,其中包括有一些难点,也有一些学习心得,今天在此做个总结,一来是复习,二来是在此记录下学习的过程,有些bug还未调好,在此先附上链接,看一下效果. ...

VR看房项目总结(1)

文章目录

前言