123看房ai版

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

123看房ai版介紹

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

123看房ai版功能詳解

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

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

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

123看房ai版亮點

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

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

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

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

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

vr看房的流程

前言

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

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

這里分享一下我們在完成整個VR看房項目的經(jīng)驗。

整體流程

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

房屋拍攝

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

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

連接全景相機拍攝，簡單易行，需要購買全景相機

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

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

模型構(gòu)建

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

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

前端展現(xiàn)

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

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

效果展示和介紹

下面是我們的前端完成的效果圖，在一個千元安卓機上幀率一直保持在58-60，動畫流暢度也不錯

VR看房視頻

大隱摸魚的視頻

· 195 播放

首先整個場景的有7個元素：

全景天空盒

房屋3d模型

房屋2d戶型圖

標尺

地面logo

指南針

6個動畫：

vr-vr

vr-3d

3d-vr

3d-2d

2d-3d

vr-2d

2d-vr

問題和解決辦法

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

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

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

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

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

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

相機動畫的球面坐標系軌跡計算算法，解決了相機動畫的抖動問題

標尺、3d指示牌動畫使用tween.js庫快速實現(xiàn)

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

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

耗費計算資源的動畫主動降低計算幀保證幀率和響應(yīng)性

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

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

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

高alphaTest閥值解決模型閃面

通過相機與指示牌距離的比例計算解決了房屋指示牌的大小不一的問題

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

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

未來要做的事情

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