前面有介紹到p5.js提供相當多的混和效果供使用，blendMode, filter, 漸層等等，這篇會介紹到可以怎麼使用到這些模式，來製作出常見的設計效果，像是陰影效果與霓虹燈效果

陰影效果

先來看一下最終達成的效果，這裡也有運用到前面篇章提到的漸層，在圓形中暈染一個線型漸層與一個圓形漸層，而外圈可以看到有一個向右下偏移的陰影效果

陰影的設定很簡單，用到兩個canvas提供的property，shadowBlur & shadowColor，而也有shadowOffsetX 和 shadowOffsetY 來指定陰影位置

shadowBlur

shadowBlur 是用來設定陰影的模糊量範圍。默認值為0（無模糊）。可使用整數設定，參數設定越大越模糊，不接受負數、Infinity和NaN。

shadowColor

shadowBlur 是用來設定陰影的顏色。默認值為全透明黑色。可使用整數設定，參數設定越大越模糊，不接受負數、Infinity和NaN。

shadowOffsetX & shadowOffsetY

shadowOffsetX & shadowOffsetY是用來指定陰影x,y 軸的偏移的距離，默認值為0，不接受Infinity和NaN。

以下是實際執行效果

陰影顏色可以疊加以外，我們試試看加入 shadowOffsetX 和 shadowOffsetY 來偏移陰影

霓虹燈效果

那以下我們就可以延伸看看製作霓虹燈的感覺

甚至也可以做出像這樣有點未來感的設計

小結

霓虹燈也可以運用在文字上面，下一篇會講道，不過大家可以先練習看看喔