乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

圖觀digitail發表於2021-12-09

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

圖觀™小課堂是圖觀™策劃的一檔以直播教學類為主的知識課程,從0開始教你搭建數字 孿生應用,多元化場景構建。讓你足不出戶體驗3D模型的搭建,用你的雙手實現對未來的視覺化。

——圖觀™|只為打造精品國產數字孿生應用開發引擎


特效&背景

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置 乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

文章接 圖觀™小課堂知識點——場景編輯器點選回顧內容。

·開啟場景編輯器(從官網首頁 tuguan.net/ 進入)

·增加霧氣特效:右側皮膚“特效設定”標籤-勾選霧-調整相應引數(例如:結束距離增加20000米)此時遠處出現了霧氣,使得場景更加自然了。

·新增輝光效果:勾選“ 輝光屬性”-調整引數(將閾降到0.8)場景中較亮的部分出現輝光效果。

·LUT功能(濾鏡):勾選LUT-在預設預置中有很多常用LUT效果-調整LUT預設。例如: 暮光、灰度、青松等效果。

·其他特效:設定其他特效例如:全域性投影、膠片顆粒、景深、 銳化、色差等可快速提升畫面效果。

·背景設定:開啟場景編輯器中第四個標籤頁:“背景設定”-預設選擇場景背景為“環境光照貼圖”-設定改為“圖片”此時背景就發生了變化,同時也支援自行上傳圖片、支援設定多種顏色以及漸變過度顏色填充背景。

圖示設定

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

在物件設定的資產庫中,端渲染場景編輯器內建了很多種類的圖示,可以在”資產庫”圖示分類中找到它們。圖示的類別分為: 市政設施、市政建築、人員、車輛、飛行器、船舶,共6大類。

·使用方法:在“市政建築”分類下找到“ 寫字樓”圖示,將目標圖示拖拽到場景合適的位置中即可。

·圖示設定屬性:在“屬性皮膚”中,點選“底圖樣式”可修改圖示的形狀。點選“背景顏色”可調節圖示顏色、在“文字設定”中“新增文字”內容(例如:修改為寫字樓ABC)同時支援修改字型的字號、顏色、加粗、 斜體等屬性。預設字型為圖示正上方,可通過“橫向偏移”“縱向偏移”調整文字與圖示的佈局。(設定合適的引數,把字型移動到圖示左側或右側。例如:橫:0.7,縱:0)支援調整圖示大小:調整相應引數能將圖示與文字同時進行縮放。(例如:點選“縮放”引數前面的“鎖定”圖示,將數值調整為2倍,使三個軸統一縮放;)


建築結構設定

在我們的專案中,特別是 智慧城市或者智慧園區類的專案中,建築都是一種比較重要的物件型別。圖觀™3.0端渲染場景編輯器內建了“建立建築結構”的功能,可根據需要快速定義建築與樓層,並且幫助實現預設“建築樓層剖分”效果,為後續介面開發提供了便捷的通道。

·建立建築結構:“物件”設定皮膚-頂端點選“新建建築”的圖示-建立“建築結構”-建立完成後出現“Building”的特殊物件-點選“...”選單中選中“編輯建築”-此時皮膚進入Building這個物件的內部屬性-點選“新建樓層”將樓層命名為“五樓”樓層數修改為“5”

接下來將相關模型匯入場到該結構中-選中“Building”層,點選上方的“匯入場景物件”圖示,匯入建築A-再次選中“5樓”點選“匯入場景物件”將需要用到的場景模型全部匯入(桌椅等模型),完成建築結構的建立。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·建築自動剖分:返回到“物件”列表-選中“Building”建築物件,點選“建築屬性”選項-預設選中為“樓體外觀”我們改選為“五樓”時就會看到此建築被自動剖分,露出我們想要看到的當前樓層模型。以此類推,當我們設定多個樓層時,也可以通過這個選項檢視不同的樓層剖分狀態。


狀態設定

在圖觀™3.0端渲染場景編輯器中,可以為場景設定若干狀態。讓每個狀態顯示不同的物件、光照、特效、背景等,並且可以在狀態間平滑切換,實現諸如晝夜切換,模型下鑽,鏡頭移動等效果。現在讓我們一起學習這些在此場景中建立:白天、傍晚、聚焦建築A、剖分樓層四個狀態如何設定。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·狀態1:白天狀態設定:-首先點選介面上方“狀態編輯”。-在“狀態編輯”模式下,介面左側為狀態列表,右側為選中狀態下的物件、燈光、特效、背景、視角設定。-將當前的預設狀態改名為“狀態1”,因當前場景就是白天,所以我們保持現狀即可。-點選“屬性皮膚”中的“視角設定”使用滑鼠,將場景調整到合適的角度。點選“視角設定”中“採集當前攝像機視角”,即可把當前視角的攝像機引數自動寫入到相關設定中。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·狀態2:傍晚狀態設定:-點選左側“狀態列表”,新建“狀態2”保持物件列表不變。-“燈光設定”標籤頁下將天空主光源改為“黃昏1”-開啟“特效設定”標籤頁-將畫面特效進行引數除錯保持輝光和霧這些引數不變-視角設定儲存當前攝像機位置-點選“採集當前攝像機視角”完成“狀態2”的設定

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·狀態3:聚焦建築A設定:-在左側狀態列表,新建“狀態3”。-我們將“燈光設定”標籤頁下點選選擇“資訊化藍”。-改變視角調整建築A位置,使得視野聚焦到建築A上。-再次點選“採集當前攝像機視角”。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·狀態4:剖分樓層:-在左側狀態列表下,新建狀態4。-選中“建築A”在“建築屬性”中選擇“五樓”-再次改變視角並調整位置-點選“採集當前攝像機視角”好了,現在我們已經設定好四種狀態。我們可以任意切換,場景會在這幾個狀態間平滑過渡。這些狀態設定好後,也可以在後期為介面所呼叫。


座標編輯

在專案實施的過程中,經常會為場景新增各種 散點、飛線或者熱圖等帶經緯度的資料,但場景模型是沒有經緯度資訊的。為了解決這個問題,圖觀™3.0端渲染場景編輯器提供了“座標編輯”這個功能。通過把場景與地圖對齊這種方法,為場景附加經緯度座標資訊。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·座標編輯:-點選“座標編輯”-在左側選擇“地圖定位”我們需要在中間工作區把場景和地圖進行對齊。 工作區頂部的“模型操作”和“地圖操作”兩個按鈕,分別調整模型和地圖。-選中“模型操作”,將場景檢視調到一個較為有特點,容易參照的位置。-選中“地圖操作”,將地圖縮放移動到場景所在城市區域。-這裡可以不斷切換“模型操作”和“地圖操作”,最終使兩者重合。(例如:我們示例場景為 深圳灣,將“模型操作”定格 深圳灣體育中心附近,再進入“地圖操作”將地圖調整到該位置與其重合。)這時我們已經把地圖座標通過手動對齊的方法賦予了場景,我們的場景現在就有經緯度資訊。


場景釋出

在場景釋出前,我們需要將場景存檔,預覽一下效果是否存在問題。在預覽視窗我們同樣可以選擇不同狀態,檢視場景效果是否與我們的操作保持一致。若沒有問題,則關閉預覽,點選介面右上角的“釋出”按鈕,進入釋出頁面。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·目前圖觀™3.0端渲染場景編輯器僅支援“公開訪問瀏覽”釋出模式,點選“釋出”按鈕。

乾貨|圖觀™小課堂知識點——進階教程 場景效果配置

·場景稽核通過後,我們可以“複製瀏覽地址”,進行場景瀏覽,也可以“複製專案呼叫地址”,給開發人員進行使用。


9.16日,圖觀™數字孿生視覺化引擎新版本上線了,新版本更新了端渲染場景編輯器部分功能,新增統一介面偵錯程式,統一開發 API功能,詳情可點選詳情可 點選產品|圖觀™V3.0全新上線檢視

為了更好的幫助夥伴們打造屬於自己的3D視覺化場景,助推企業開拓市場。圖觀™重磅推出 數字孿生精品助推計劃,詳情可點選藍字檢視。

本文來源:


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70005982/viewspace-2846783/,如需轉載,請註明出處,否則將追究法律責任。

相關文章