作者：nannan

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

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

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

二、操作步驟

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

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

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

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

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

三、夜景效果

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

總結(jié)

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

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