從遠古時代的結繩記事,到報表的興起,再到現(xiàn)在多維、VR技術的繁榮,人們在數(shù)據(jù)可視化的道路上一直馬不停蹄。如今,3D技術的廣泛應用使人們觀感世界變得更加絢麗多姿。
SM公司大屏驚現(xiàn)“滔天巨浪”,上圖來源于網(wǎng)絡
除了像上述圖中這樣直觀的體驗外,3D技術其實已經(jīng)成熟的運用于各類數(shù)據(jù)可視化平臺中,如大屏指揮系統(tǒng)、應急預警平臺、功能匯報展示平臺等,而智慧城市則是3D數(shù)據(jù)可視化運用最廣泛的場景之一,通過3D大屏能讓管理者更加直觀的認知數(shù)據(jù),實現(xiàn)更有效的決策管理。
揭開3D可視化的神秘面紗
雖然,大家都在追求高質感3D可視化效果,可是怎么實現(xiàn)這樣酷炫的效果是我們普通人較難涉及到了。一般來說,3D可視化是指擁有3D效果的數(shù)據(jù)可視化項目,對于所要展示的數(shù)據(jù)可視化內(nèi)容還原出真實場景,并實時接入數(shù)據(jù),在面對復雜操作時靈活應對,使得整個項目在大屏上的展示更具立體、更具科技感、更具易用性。
在實際操作中,3D可視化開發(fā)流程需要用到很多專業(yè)的3D工具,比如3DMAX、Unity 3D、Unreal Engine 4等等,但是如果一個大屏項目所有內(nèi)容都用這些3D工具來完成,開發(fā)周期顯然很長,難度大,3D工具操作的技術門檻也很高,勞民傷財。其實,我們可以用一種更加高效的方式來完成,即3D模型工具+可視化工具,我們將做好的3D模型發(fā)布成網(wǎng)頁端組件融合到可視化工具里面使用,技術難度大大降低,可提高整個項目的交付效率。
今天跟著宋宋的腳步,讓我們一起揭開3D數(shù)據(jù)可視化的神秘面紗,以上海陸家嘴為例用一種更加高效的方式,手把手教大家完成智慧城市大屏項目。
一步一個腳印穩(wěn)扎穩(wěn)打
首先作為智慧城市項目3D可視化的負責人,我們需要站在全局的角度思考整個項目的規(guī)劃和管理,從前期籌備到最終完成大致分為以下五個步驟:
1 前期需求規(guī)劃
對于一個好項目來說,前期的需求規(guī)劃十分重要,只有前期做足準備工作才有利于后續(xù)工作的開展。在這一階段我們需要與客戶進行頻繁而深入的溝通,對于從未接觸過3D可視化的客戶來說這是一個全新的領域,比較陌生,他們往往很難描述出想要的效果。如何快速的定位需求,我們要明確如下四個問題并找到答案,才能保質保量的推進下去。
1、用戶想要做什么?
2、做這個產(chǎn)品目的是什么?
3、想要達到什么樣的效果?
4、最后是我們?nèi)绾稳プ觯?/p>
在陸家嘴智慧城市項目的需求規(guī)劃階段,我們與客戶面對面展開深入調(diào)研,并結合我們智慧城市項目經(jīng)驗,從城市醫(yī)療、城市旅游、城市交通、城市經(jīng)濟等層面展開,對每一塊內(nèi)容進行詳細深挖,梳理出每個版塊需要統(tǒng)計的指標及指標展現(xiàn)形式,最終形成比較清晰的整體需求框架。
2 靜幀效果設計
我們都知道,華麗炫酷的動態(tài)特效是由一幀幀靜態(tài)幀組成的,靜幀設計能助你在一開始就定位好整體風格,為接下來的制作理清思路。另外在此階段還有不容忽視的一個細節(jié),設計好的靜幀圖需要與需求方進行對接,確定設計靜幀稿與他們想要的效果是否一致,如果雙方理解存在差異,就會按照要求進行修改。下圖是我們?yōu)榇舜沃腔鄢鞘性O計的靜幀效果圖:
3 動態(tài)效果設計
靜幀圖確定后我們就要開始著手加入動態(tài)效果,在這個階段我們會同步輸出演示視頻demo。懂行的朋友們都知道,一般的3D模式都是可以在網(wǎng)上下載的,但是如果是涉及到某些細節(jié),例如精確到某個園區(qū)的某個大樓等個性化的需求則需要自行建模,這里暫不展開。
本次項目案例所用即為通用的上海陸家嘴3D模型,我們前期直接在線下載3D模型場景并在3D模型工具中進行模擬,但下載的模型也不是完全符合我們前期的規(guī)劃需求,還需進行針對性調(diào)整修改,最后再進行一些調(diào)色和動效處理。期間,我們也會從動效最優(yōu)化的角度不斷完善各個細節(jié),如添加片頭動畫、攝像機自動漫游、增加車流線、調(diào)整材質特效等。最后,智慧城市demo成型后也需要和需求方再次確認,確保項目實施過程中未跑偏。
4 3D場景搭建
確認視頻DEMO效果之后,就可以在3D模型工具中按照視頻效果正式開始搭建項目所需的3D場景模型,并在之前的基礎上優(yōu)化3D場景,修改建筑模型,重新調(diào)整貼圖材質等。
在實際項目中對模型面數(shù)要求是比較嚴謹?shù)?,面?shù)越少越好,這樣導出的3D文件就會越小,負載也就越小。另外模型命名也需要規(guī)范,完成之后要與客戶最終確認再交給研發(fā)人員做最后的場景和可視化組件的交互效果。
5 3D可視化制作
前面我們推薦的3D大屏制作思路為3D模型工具+可視化工具,當該項目中涉及到的3D場景開發(fā)完成后,再借助成熟的可視化工具,可大大節(jié)省可視化開發(fā)效率。到了這最最最關鍵的最后一步,就要請上咱們的新一代大屏可視化平臺——酷屏,利用酷屏已有的豐富組件,直接拖拽進行可視化配置數(shù)據(jù)即可實現(xiàn)可視化效果開發(fā)。
在前面幾步中,咱們的上海陸家嘴3D場景已打造完成,即可導出3D模型文件再一鍵導入到酷屏中。借助酷屏中的百變?nèi)萜?、表格、參?shù)、各式統(tǒng)計圖、地圖、文本特效、動效組件、排名等可視化組件拖拽進去,可一 一對應智慧城市中的展示內(nèi)容。如主界面Top欄展現(xiàn)城市土地面積、人口總量、人口密度、流動人口、稅收收入總額、企業(yè)營收總額、GDP總額整體的數(shù)據(jù)指標。右側欄展現(xiàn)智慧醫(yī)療、智慧旅游、智慧交通、智慧經(jīng)濟等4組不同類型的數(shù)據(jù)統(tǒng)計圖。另外,主界面3D城市里面設計了兩個標志性建筑的互動效果,用不同類型的統(tǒng)計圖組件還可展現(xiàn)該建筑的各項數(shù)據(jù)指標。
左邊三個按鈕設計對應三大模塊,人口密度用熱力圖來展現(xiàn),其中還設計了監(jiān)控攝像頭,可以實時跟外部定位好的攝像頭對接視頻監(jiān)控;稅收情況展現(xiàn)某些園區(qū)的樓宇經(jīng)濟;房產(chǎn)信息展現(xiàn)新舊小區(qū)的房地產(chǎn)相關信息。
至此,我們的智慧城市3D可視化項目就畫上了完美的句號。
怎么樣,是不是感覺思路很清晰了呢?想要體驗一番的小伙伴,可移步至咱們酷屏官網(wǎng)頁面,體驗更多大屏效果。復制以下鏈接至PC端打開即可進行demo體驗:
https://www.esensoft.com/products/data-visualization.html
"酷屏(CoolV)作為億信自主研發(fā)的新一代數(shù)據(jù)可視化平臺,可自由快捷制作各類交互式常規(guī)屏和大屏報表,讓數(shù)據(jù)“躍然屏上“,得到更形象、更直觀的可視化呈現(xiàn)。在3D數(shù)據(jù)可視化引擎的助力下,大大減輕了技術人員的壓力,通過全景3D視角和虛擬現(xiàn)實技術,給用戶帶來頂級視覺體驗,真正做到“萬物皆可視”。