一個優質的VR看房軟件,能夠采用先進的技術為大家還原線下真實的看房場景,通過VR拍攝,3D建模,AI講房、VR帶看等多種功能和服務讓大家在手機上也可以更加方便的看房!
123看房app是一款非常不錯的看房服務類的軟件,123看房通過先進的VR技術,讓用戶可以更詳細的了解房源信息,123看房appVR展示,房源情況一目了然,看房更清楚,非常的方便,有興趣的歡迎下載使用123看房app。
1、支持在安居客、房天下、幸福里等房產平臺展示,最大程度地助力獲客;
2、可嵌入視頻廣告,商品鏈接等營銷內容,助力看房流量進行二次轉化;
3、僅需使用全景相機和支架,低成本,高效率,易操作,適合房企大規模推廣。
1、提供用戶決策效率:720°全景還原房屋細節,3D模型還原房屋結構,可進行沉浸式漫游,加速客戶決策流程;
2、優化看房體驗:AI講房和VR帶看模擬實地看房過程,更完整地還原看房體驗,提升房企的品牌形象;
3、多渠道展示:支持在安居客、房天下、幸福里等房產平臺展示,最大程度地助力獲客;
4、營銷多樣化:可嵌入視頻廣告,商品鏈接等營銷內容,助力看房流量進行二次轉化;
5、可海量應用:僅需使用全景相機和支架,低成本,高效率,易操作,適合房企大規模推廣。
前言
說起這幾年互聯網房產平臺在用戶體驗方面的進步,大家印象最深的莫過于現在貝殼、鏈家,安居客上已經普及的VR看房,可以讓用戶身臨其境得看到房間的景象和房屋的模型,這是圖形學在前端的一個絕佳的應用場景。
幸福里前端團隊大概是2019年10月份開始調研VR看房,12月末就使用第三方提供的數據完成了VR看房前端展現工作,并上線到APP中,到3月末,和Ai的算法工程師同學合作,已經打通了房屋拍攝 - 模型構建 - 前端展示的整體流程,目前正在不斷地迭代優化中。
這里分享一下我們在完成整個VR看房項目的經驗。
整體流程
首先簡單介紹一下VR看房從拍攝到展現的整體流程,忽略所有細節,vr拍攝的流程可以簡單得概括為:拍攝、建模、展現三個部分
房屋拍攝
功能集成在我們給房產中介使用的B端【VR大師】功能中,這部分工作主要由客戶端的同學完成,前端同學參與了拍攝結果預覽的開發
客戶端支持兩種拍攝手段:
連接全景相機拍攝,簡單易行,需要購買全景相機
直接使用手機相機拍攝,無需任何外設,fov受相機支持的限制
手機相機拍攝VR是幸福里首次在房產行業應用,由于大部分手機的fov比較小,手機相機拍攝的全景圖展示限制了寬高比
模型構建
建模是一個離線的服務,B端拍攝完成后,圖片上傳到后臺,建模服務使用機器學習算法識別門框和墻角的特征點,在通過圖形變換計算生成3d模型。當然對于3d模型質量的審核,我們也需要模型的質檢平臺。
最后一步需要將每個房間的模型拼接為一套房的模型,目前雖然有自動拼接算法的支持,為達到一定質量。還是需要很多人工的介入,以后是優化的重點,拼接完成后提交,在我們App中就能在VR中觀看體驗3D模型。
前端展現
這里我們主要講在VR看房在前端展示方面碰到的挑戰,一方面我們要追求更好的交互和顯示的效果,一方面web環境的限制會造成很多問題。對此,我們惡補學習了計算機圖形學的原理,深度優化了我們整個VR看房的架構和代碼,最終在交互效果和性能上都達到了一定水平,有了追趕競品的技術基礎
下面是我們的架構圖,包含非常多的模塊,工作量其實超出我們最初的預想。
效果展示和介紹
下面是我們的前端完成的效果圖,在一個千元安卓機上幀率一直保持在58-60,動畫流暢度也不錯
VR看房視頻
大隱摸魚的視頻
· 195 播放
首先整個場景的有7個元素:
全景天空盒
房屋3d模型
房屋2d戶型圖
標尺
地面logo
6個動畫:
vr-vr
vr-3d
3d-vr
3d-2d
2d-3d
vr-2d
2d-vr
問題和解決辦法
加載速度的優化
app內在房源詳情頁預加載全景圖
圖片經過圖片服務壓縮,減少請求資源大小
頁面loading時按需加載首幅全景圖展示所需的資源,之后按順序非阻塞加載渲染戶型圖、3d紋理、其他可見全景圖、logo圖
2. 動畫的優化
動畫按特征歸類、按狀態分步驟實現
相機動畫的球面坐標系軌跡計算算法,解決了相機動畫的抖動問題
標尺、3d指示牌動畫使用tween.js庫快速實現
3. 幀率的優化
所有圖片和紋理按優先級按序加載(非關鍵路徑空閑加載)保證幀率和響應性
耗費計算資源的動畫主動降低計算幀保證幀率和響應性
透視相機近平面實現UI戶型圖,提高性能并解決了部分手機閃屏問題
4. 其他的優化
統一看房側展示數據格式
高alphaTest閥值解決模型閃面
通過相機與指示牌距離的比例計算解決了房屋指示牌的大小不一的問題
2d戶型圖及3d模型數據修正,保證2d戶型圖與3d模型完美匹配
實現事件模塊,擴展Object原型方法解決射線拾取
未來要做的事情
VR看房發展了7-8年的時間,幸福里VR看房只進行半年多的時間,取得了一定的成果,還在追趕的路上,好在3D技術的發展遠沒有前端框架那么快,我們還是有信心能趕上競品
網友評論