Three.js如何實(shí)現(xiàn)霧化效果示例代碼

前言

本文主要給大家介紹了關(guān)于Three.js實(shí)現(xiàn)霧化效果的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說了，來(lái)一起看看詳細(xì)的介紹吧。

實(shí)現(xiàn)方法

如果使用three.js實(shí)現(xiàn)霧化效果很簡(jiǎn)單，只需要在給場(chǎng)景scene對(duì)象的fog屬性添加值就好了，比如：

scene.fog = new THREE.Fog(0xffffff,100,120); 

這樣就給場(chǎng)景添加了霧化的效果，在實(shí)例化霧化的對(duì)象的時(shí)候，需要傳三個(gè)值（霧的顏色，霧化開始的距離相機(jī)的位置，全霧化距離相機(jī)的位置）。

添加上了就會(huì)顯示以上的效果，設(shè)置霧化的過程比較短，所以霧化的效果比較明顯。

還有一個(gè)種是隨著距離呈指數(shù)增長(zhǎng)的霧化效果，只需要設(shè)置霧的顏色和濃度即可。如：

scene.fog = new THREE.FogExp2(0xffffff,0.02); 

效果如下：

總結(jié)

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com