從本講我們開始講解三維景觀設(shè)計(jì)軟件Vue 5 Esprit基礎(chǔ)知識的最后一部分，即也就是各類函數(shù)的節(jié)點(diǎn)部分。 　　我們將分別講解前面提到的噪聲節(jié)點(diǎn)(也就是前面所說的雜點(diǎn)節(jié)點(diǎn)，以后我們通用噪聲節(jié)點(diǎn)來表示noise note，其實(shí)兩種翻譯方式代表是同樣含義，這里我們用通用的噪聲來表示這個(gè)三維設(shè)計(jì)中的術(shù)語)、碎片節(jié)點(diǎn)、顏色節(jié)點(diǎn)、紋理圖節(jié)點(diǎn)、濾鏡節(jié)點(diǎn)、常量節(jié)點(diǎn)、干擾噪聲、組合節(jié)點(diǎn)和數(shù)學(xué)節(jié)點(diǎn)。通過對這九類節(jié)點(diǎn)的詳細(xì)了解，能夠幫助我們充分利用函數(shù)來實(shí)現(xiàn)我們需要的效果，也為Vue的高級使用打下堅(jiān)實(shí)的基礎(chǔ)。 　　Vue 5 Esprit函數(shù)噪聲節(jié)點(diǎn)包含以下參數(shù)：Cellular Patterns(細(xì)胞樣式)、Distributed Patterns(干擾樣式)、Flat Patterns(平面樣式)和Line Patterns(線條樣式)、Math Patterns(數(shù)學(xué)樣式)、Other Patterns(其他樣式)、Perlin Noises(Perlin噪聲)、Square Patterns(正方形樣式)。 　　今天我們先介紹Vue 5 Esprit函數(shù)噪聲節(jié)點(diǎn)的普通參數(shù)和細(xì)胞樣式參數(shù)的含義和功能。 　　普通參數(shù) 　　1. Scale(尺寸) 　　尺寸參數(shù)是一個(gè)數(shù)值，用于控制噪聲整個(gè)的數(shù)值。大的數(shù)值意味著噪聲圖案看上去更大。這個(gè)參數(shù)與Wavelength(波長)參數(shù)相關(guān)聯(lián)，決定了沿著每個(gè)軸噪聲的尺寸。 　　2. Wavelength(波長) 　　尺度參數(shù)只允許用戶從整體上控制噪聲的樣式，而波長參數(shù)是一個(gè)矢量參數(shù)，允許用戶沿著每個(gè)軸的方向調(diào)整噪聲的尺度。例如，如果用戶希望噪聲只沿著Z軸的方向變化，那么可以在X和Y波長文本框中輸入0。 　　3.Origin(原點(diǎn)) 　　原點(diǎn)參數(shù)也是一個(gè)矢量參數(shù)，用于設(shè)置噪聲起始的原點(diǎn)位置。修改這個(gè)值，用戶可以改變噪聲樣式。如果用戶為原點(diǎn)參數(shù)設(shè)置了一個(gè)干擾節(jié)點(diǎn)，那么就會(huì)為雜店添加一個(gè)干擾。 　　Cellular Patterns(細(xì)胞樣式) 　　Cellular Patterns(細(xì)胞樣式)包含了Chipped(缺口)、Crystals(水晶)、Pebbles noise(鵝卵石噪聲)、Drought(干旱)、Voronoi(泰森多邊形)、Voronoi (Altitude)(泰森多邊形(高度))和Voronoi (Generalized)(泰森多邊形(非顯著))等7類。其中Chipped(缺口)、Crystals(水晶)、Pebbles noise(鵝卵石噪聲)三類沒有其他額外的參數(shù)，如圖1所示。 　　圖1 細(xì)胞樣式 　　下面我們來看看其他幾個(gè)樣式的一些額外參數(shù)。 　　額外參數(shù)講解。 　　1. Drought(干旱) 　　該樣式除了前面提到的Scale(尺寸)、Wavelength(波長)和Origin(原點(diǎn))三個(gè)基本參數(shù)之外，還包含一個(gè)Crack width(裂縫寬度)參數(shù)，它是用于控制裂縫的寬度的，如圖2所示。 　　圖2 Drought(干旱)樣式 　　2. Voronoi(泰森多邊形) 　　Voronoi圖，又叫泰森多邊形或Dirichlet圖，它是由一組由連接兩鄰點(diǎn)直線的垂直平分線組成的連續(xù)多邊形組成。N個(gè)在平面上有區(qū)別的點(diǎn)，按照最鄰近原則劃分平面;每個(gè)點(diǎn)與它的最近鄰區(qū)域相關(guān)聯(lián)。泰森多邊形噪聲產(chǎn)生的樣式是基于柵格上隨機(jī)分布的點(diǎn)的距離的。該樣式除了三個(gè)基本參數(shù)外，還包含Neighbor mode(鄰近模式)和Voronoi profile(泰森多邊形外形)兩個(gè)參數(shù)。如圖3所示。 　　圖3 Voronoi(泰森多邊形)樣式 　　下面我們再分別看看這兩個(gè)參數(shù)中各個(gè)選項(xiàng)的含義。 　　(1)Neighbor mode(鄰近模式) 　　該參數(shù)用于決定用于計(jì)算產(chǎn)生噪聲模式的距離是什么樣的。它包括以下幾種類型： 　　1)Closest neighbor(最近鄰近)：到最鄰近散步點(diǎn)最短的距離，如圖4所示。 　　圖4 Closest neighbor(最近鄰近) 　　2)2nd closest neighbor(第二鄰近)：不是最近的，而是第二鄰近散布點(diǎn)的距離，如圖5所示。 　　圖5 2nd closest neighbor(第二鄰近) 　　3)3rd closest neighbor(第三鄰近)：第三鄰近鄰近散布點(diǎn)的距離，如圖6所示。 　　圖6 3rd closest neighbor(第三鄰近) 　　4)4th closest neighbor(第四鄰近)：第四鄰近鄰近散布點(diǎn)的距離，如圖7所示。 　　圖7 4th closest neighbor(第四鄰近) 　　5)1st - 2nd neighbors(第一-第二鄰近)：最近鄰近減去第二鄰近的距離，如圖8所示。 　　圖8 1st - 2nd neighbors(第一-第二鄰近) 　　6)2nd - 3rd neighbors(第二-第三鄰近)：第二鄰近減去第三鄰近的距離，如圖9所示。 　　圖9 2nd - 3rd neighbors(第二-第三鄰近) 　　7)3rd - 4th neighbors(第三-第四鄰近)：第三鄰近減去第四鄰近的距離，如圖10所示。 　　圖10 3rd - 4th neighbors(第三-第四鄰近) 　　(2)Voronoi profile(泰森多邊形外形) 　　用于設(shè)置隨著距離增長，碎片上噪聲的曲率。它包括以下幾個(gè)選項(xiàng)： 　　1)Flat(平面): 用于創(chuàng)建具有同一值得碎片，最近鄰近距離被用于整個(gè)碎片，如圖11所示。 　　圖11 Flat(平面)外形 　　2)Spikes(長釘):噪聲振幅隨著距離線性變化，用于創(chuàng)建非常尖的外形，如圖12所示。 　　圖12 Spikes(長釘)外形 　　3)Angles(角度)：比Spikes(長釘)外形稍微圓滑，如圖13所示。 　　圖13 Angles(角度)外形 　　4)Rounded(圓角)：比Angles(角度)外形稍微圓滑，如圖14所示。 　　圖14 Rounded(圓角)外形 　　5)Smooth rounded(平滑圓角):是泰森多邊形外形種最為圓滑的，如圖15所示。 　　圖15 Smooth rounded(平滑圓角)外形 　　3. Voronoi (Altitude)(泰森多邊形(高度)) 　　該樣式主要基于前面的Voronoi(泰森多邊形)樣式，唯一不同的是不同碎片的高度自由變化。用戶不能為這種泰森多邊形類型選擇臨近模式。而它的Voronoi profile(泰森多邊形外形)參數(shù)和前面是一樣的，如圖16所示。 　　圖16 Voronoi (Altitude)(泰森多邊形(高度))樣式 　　4. Voronoi (Generalized)(泰森多邊形(非顯著)) 　　非顯著泰森多邊形噪聲依然是泰森多邊形噪聲的另外一個(gè)變化，其中碎片的彎曲不斷調(diào)整，用戶可以調(diào)整碎片大小的隨機(jī)分布數(shù)，如圖17所示。 　　圖17 Voronoi (Generalized)(泰森多邊形(非顯著))樣式 　　該樣式還具有以下兩項(xiàng)參數(shù)： 　　(1)Randomness(隨機(jī)): 用于控制組成噪聲樣式的不同碎片大小和外形的隨機(jī)值。如果隨機(jī)值是0，那么碎片是正方形的。 　　(2)Voronoi profile(泰森多邊形外形):用于控制碎片的彎曲，與前面的Voronoi(泰森多邊形)樣式類似，不過它允許用戶連續(xù)變換彎曲。

vue提供了初始化的webpack模板，其中使用了vue-loader。
vue-loader默認(rèn)只支持sass, 要是想要使用scss，必須安裝
node-sass和sass-loader，
然后再webpack的配置文件中添加
module.exports = {
vue: {

loaders: {
scss: ['vue-style-loader','css', 'sass'].join('!')
},
}
}
然后在.vue格式的模板中，style 標(biāo)簽中添加 就可以了。