一個(gè)優(yōu)質(zhì)的VR看房軟件，能夠采用先進(jìn)的技術(shù)為大家還原線下真實(shí)的看房場(chǎng)景，通過(guò)VR拍攝，3D建模，AI講房、VR帶看等多種功能和服務(wù)讓大家在手機(jī)上也可以更加方便的看房！

123看房ai版介紹

123看房app是一款非常不錯(cuò)的看房服務(wù)類的軟件，123看房通過(guò)先進(jìn)的VR技術(shù)，讓用戶可以更詳細(xì)的了解房源信息，123看房appVR展示，房源情況一目了然，看房更清楚，非常的方便，有興趣的歡迎下載使用123看房app。

123看房ai版功能詳解

1、支持在安居客、房天下、幸福里等房產(chǎn)平臺(tái)展示，最大程度地助力獲客；

2、可嵌入視頻廣告，商品鏈接等營(yíng)銷內(nèi)容，助力看房流量進(jìn)行二次轉(zhuǎn)化；

3、僅需使用全景相機(jī)和支架，低成本，高效率，易操作，適合房企大規(guī)模推廣。

123看房ai版亮點(diǎn)

1、提供用戶決策效率：720°全景還原房屋細(xì)節(jié)，3D模型還原房屋結(jié)構(gòu)，可進(jìn)行沉浸式漫游，加速客戶決策流程；

2、優(yōu)化看房體驗(yàn)：AI講房和VR帶看模擬實(shí)地看房過(guò)程，更完整地還原看房體驗(yàn)，提升房企的品牌形象；

3、多渠道展示：支持在安居客、房天下、幸福里等房產(chǎn)平臺(tái)展示，最大程度地助力獲客；

4、營(yíng)銷多樣化：可嵌入視頻廣告，商品鏈接等營(yíng)銷內(nèi)容，助力看房流量進(jìn)行二次轉(zhuǎn)化；

5、可海量應(yīng)用：僅需使用全景相機(jī)和支架，低成本，高效率，易操作，適合房企大規(guī)模推廣。

vr看房的流程

前言

說(shuō)起這幾年互聯(lián)網(wǎng)房產(chǎn)平臺(tái)在用戶體驗(yàn)方面的進(jìn)步，大家印象最深的莫過(guò)于現(xiàn)在貝殼、鏈家，安居客上已經(jīng)普及的VR看房，可以讓用戶身臨其境得看到房間的景象和房屋的模型，這是圖形學(xué)在前端的一個(gè)絕佳的應(yīng)用場(chǎng)景。

幸福里前端團(tuán)隊(duì)大概是2019年10月份開始調(diào)研VR看房，12月末就使用第三方提供的數(shù)據(jù)完成了VR看房前端展現(xiàn)工作，并上線到APP中，到3月末，和Ai的算法工程師同學(xué)合作，已經(jīng)打通了房屋拍攝 - 模型構(gòu)建 - 前端展示的整體流程，目前正在不斷地迭代優(yōu)化中。

這里分享一下我們?cè)谕瓿烧麄�(gè)VR看房項(xiàng)目的經(jīng)驗(yàn)。

整體流程

首先簡(jiǎn)單介紹一下VR看房從拍攝到展現(xiàn)的整體流程，忽略所有細(xì)節(jié)，vr拍攝的流程可以簡(jiǎn)單得概括為：拍攝、建模、展現(xiàn)三個(gè)部分

房屋拍攝

功能集成在我們給房產(chǎn)中介使用的B端【VR大師】功能中，這部分工作主要由客戶端的同學(xué)完成，前端同學(xué)參與了拍攝結(jié)果預(yù)覽的開發(fā)

客戶端支持兩種拍攝手段：

連接全景相機(jī)拍攝，簡(jiǎn)單易行，需要購(gòu)買全景相機(jī)

直接使用手機(jī)相機(jī)拍攝，無(wú)需任何外設(shè)，fov受相機(jī)支持的限制

手機(jī)相機(jī)拍攝VR是幸福里首次在房產(chǎn)行業(yè)應(yīng)用，由于大部分手機(jī)的fov比較小，手機(jī)相機(jī)拍攝的全景圖展示限制了寬高比

模型構(gòu)建

建模是一個(gè)離線的服務(wù)，B端拍攝完成后，圖片上傳到后臺(tái)，建模服務(wù)使用機(jī)器學(xué)習(xí)算法識(shí)別門框和墻角的特征點(diǎn)，在通過(guò)圖形變換計(jì)算生成3d模型。當(dāng)然對(duì)于3d模型質(zhì)量的審核，我們也需要模型的質(zhì)檢平臺(tái)。

最后一步需要將每個(gè)房間的模型拼接為一套房的模型，目前雖然有自動(dòng)拼接算法的支持，為達(dá)到一定質(zhì)量。還是需要很多人工的介入，以后是優(yōu)化的重點(diǎn)，拼接完成后提交，在我們App中就能在VR中觀看體驗(yàn)3D模型。

前端展現(xiàn)

這里我們主要講在VR看房在前端展示方面碰到的挑戰(zhàn)，一方面我們要追求更好的交互和顯示的效果，一方面web環(huán)境的限制會(huì)造成很多問題。對(duì)此，我們惡補(bǔ)學(xué)習(xí)了計(jì)算機(jī)圖形學(xué)的原理，深度優(yōu)化了我們整個(gè)VR看房的架構(gòu)和代碼，最終在交互效果和性能上都達(dá)到了一定水平，有了追趕競(jìng)品的技術(shù)基礎(chǔ)

下面是我們的架構(gòu)圖，包含非常多的模塊，工作量其實(shí)超出我們最初的預(yù)想。

效果展示和介紹

下面是我們的前端完成的效果圖，在一個(gè)千元安卓機(jī)上幀率一直保持在58-60，動(dòng)畫流暢度也不錯(cuò)

VR看房視頻

大隱摸魚的視頻

· 195 播放

首先整個(gè)場(chǎng)景的有7個(gè)元素：

全景天空盒

房屋3d模型

房屋2d戶型圖

標(biāo)尺

地面logo

指南針

6個(gè)動(dòng)畫：

vr-vr

vr-3d

3d-vr

3d-2d

2d-3d

vr-2d

2d-vr

問題和解決辦法

加載速度的優(yōu)化

app內(nèi)在房源詳情頁(yè)預(yù)加載全景圖

圖片經(jīng)過(guò)圖片服務(wù)壓縮，減少請(qǐng)求資源大小

頁(yè)面loading時(shí)按需加載首幅全景圖展示所需的資源，之后按順序非阻塞加載渲染戶型圖、3d紋理、其他可見全景圖、logo圖

2. 動(dòng)畫的優(yōu)化

動(dòng)畫按特征歸類、按狀態(tài)分步驟實(shí)現(xiàn)

相機(jī)動(dòng)畫的球面坐標(biāo)系軌跡計(jì)算算法，解決了相機(jī)動(dòng)畫的抖動(dòng)問題

標(biāo)尺、3d指示牌動(dòng)畫使用tween.js庫(kù)快速實(shí)現(xiàn)

3. 幀率的優(yōu)化

所有圖片和紋理按優(yōu)先級(jí)按序加載（非關(guān)鍵路徑空閑加載）保證幀率和響應(yīng)性

耗費(fèi)計(jì)算資源的動(dòng)畫主動(dòng)降低計(jì)算幀保證幀率和響應(yīng)性

透視相機(jī)近平面實(shí)現(xiàn)UI戶型圖，提高性能并解決了部分手機(jī)閃屏問題

4. 其他的優(yōu)化

統(tǒng)一看房側(cè)展示數(shù)據(jù)格式

高alphaTest閥值解決模型閃面

通過(guò)相機(jī)與指示牌距離的比例計(jì)算解決了房屋指示牌的大小不一的問題

2d戶型圖及3d模型數(shù)據(jù)修正，保證2d戶型圖與3d模型完美匹配

實(shí)現(xiàn)事件模塊，擴(kuò)展Object原型方法解決射線拾取

未來(lái)要做的事情

VR看房發(fā)展了7-8年的時(shí)間，幸福里VR看房只進(jìn)行半年多的時(shí)間，取得了一定的成果，還在追趕的路上，好在3D技術(shù)的發(fā)展遠(yuǎn)沒有前端框架那么快，我們還是有信心能趕上競(jìng)品