作者：nannan

???????我們熟悉的是前端WebGL的夜景特效，非常炫酷。點這里查看夜景示例。很多客戶咨詢建筑夜晚窗戶有燈光這種是怎樣制作的。這種傳統(tǒng)的方法是在unity3D里將建筑模型貼pbr材質(zhì)后再導(dǎo)出，為了做特效前期要下載unity3D和相關(guān)插件導(dǎo)出，安裝軟件及操作比較麻煩。現(xiàn)在我們SuperMap iDesktop里推出了直接對模型數(shù)據(jù)集貼pbr材質(zhì)的功能，可以在桌面瀏覽制作好的夜景特效，還可以對該pbr材質(zhì)的模型切三維緩存，緩存結(jié)果和原始數(shù)據(jù)結(jié)果一致，可以直接發(fā)布三維服務(wù)在WebGL瀏覽，無需再代碼設(shè)置紋理。

一、準(zhǔn)備數(shù)據(jù)

???????將要貼pbr材質(zhì)的模型數(shù)據(jù)集添加到三維球面場景中；

二、操作步驟

???????選中模型右鍵——材質(zhì)編輯；

???????在材質(zhì)編輯功能欄窗口找到材質(zhì)按鈕，點擊。會發(fā)現(xiàn)右側(cè)彈出材質(zhì)編輯窗口。上一步右鍵材質(zhì)編輯時一個場景窗口變成了兩個，左側(cè)是原始場景，右側(cè)是選中模型對象要進(jìn)行材質(zhì)編輯的窗口。在材質(zhì)編輯窗口我們會發(fā)現(xiàn)材質(zhì)類型有普通材質(zhì)和PBR材質(zhì)。在這里我們選擇PBR材質(zhì)。
???????其中基色是對模型本身有一個基礎(chǔ)色渲染，默認(rèn)是白色。但是由于設(shè)置PBR材質(zhì)后，模型本身會變量，建議將基色調(diào)成灰色較為適宜，具體按照自己的渲染需求來更換顏色。制作夜景特效主要是給模型賦予一個自發(fā)光紋理，這樣在黑夜時它自身的材質(zhì)就會發(fā)光。為了讓場景夜景效果更逼真一些，這里的自發(fā)光材質(zhì)就需要只有窗戶紋理的圖片，類似下圖所示：

???????自發(fā)光貼圖設(shè)置好之后，后面有三個輸入框，這個是用來調(diào)節(jié)顏色的，三個輸入框分別代表R、G、B值。如下兩張圖設(shè)置不同的RGB值窗戶發(fā)光顏色不一樣。根據(jù)自己的需求進(jìn)行調(diào)節(jié)。

???????貼圖的紋理參數(shù)主要包括紋理坐標(biāo)偏移、紋理坐標(biāo)縮放、紋理坐標(biāo)旋轉(zhuǎn)以及圖片的亮度、對比度和飽和度。同樣還支持導(dǎo)出紋理 。如下圖所示：

???????PBR材質(zhì)也可以讓它動起來，實現(xiàn)夜景LED大屏顯示效果。平移運動和縮放運動支持設(shè)置沿U和V方向平移運動或者縮放變化的速度，范圍為紋理坐標(biāo)單位/秒。還支持設(shè)置紋理平移或縮放的周期，單位為秒。

三、夜景效果

???????其它的參數(shù)這里不做詳細(xì)介紹，可以查看iDesktop幫助文檔自行學(xué)習(xí)。設(shè)置好PBR材質(zhì)之后在材質(zhì)編輯功能欄窗口點擊保存到模型即可。下面就是最終制作場景效果圖。

總結(jié)

以上是生活随笔為你收集整理的SuperMap iDesktop之夜景特效制作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。