污污污免费在线播放,国产区av中文字幕在线观看,亚洲中文区a在线不卡

1. 融合效果融合效果是指對(duì)兩個(gè)接近的元素進(jìn)行高斯模糊后再提高對(duì)比度，使它們看上去“粘”在一起。在之前的一篇文章中，我使用 Win2D 實(shí)現(xiàn)了融合效果，效果如下：

文章插圖
不過(guò) Win2D 不適用于 WPF，在 WPF 中可以使用 BlurEffect 配合自定義 Effect 實(shí)現(xiàn)類似的效果。HandyControl 中有一個(gè)使用自定義的 ContrastEffect 實(shí)現(xiàn)融合效果的 Demo，如下圖：

文章插圖
但是 ContrastEffect 是通過(guò) Contrast 屬性同時(shí)控制 RGBA 四個(gè)通道的對(duì)比值，所以沒(méi)辦法控制準(zhǔn)確地顏色。另外 HandyControl 也提供了 ColorMatrixEffect，不過(guò) ColorMatrixEffect 很難控制對(duì)比度。既然都用到自定義 Effect 了，這次索性自己寫一個(gè) 。
2. 自定義 Effect在 Win2D 中，實(shí)現(xiàn)融合效果的步驟是先使用 GaussianBlurEffect 在兩個(gè)元素間產(chǎn)生粘連在一起的半透明像素，再用 ColorMatrixEffect 加強(qiáng)對(duì)比對(duì)，使半透明的像素變得完全不透明。
在 WPF 中我們可以直接使用自帶的 BlurEffect 實(shí)現(xiàn)高斯模糊，效果如下：

文章插圖
接下來(lái)需要加強(qiáng)對(duì)比度。WPF 中沒(méi)有 ColorMatrixEffect 的替代品，不過(guò)我們可以使用 HLSL（高級(jí)著色器語(yǔ)言）編寫 PixelShader 并生成自定義的 WPF Effect 。編寫 PixelShader 可以使用 Shazzam Shader Editor，walterlv 有一篇關(guān)于如何使用這款編輯器的教程：
WPF 像素著色器入門：使用 Shazzam Shader Editor 編寫 HLSL 像素著色器代碼
在這里我編寫了一個(gè)對(duì) Alpha 進(jìn)行二值化處理的 PixelShader 實(shí)現(xiàn)加強(qiáng)對(duì)比度功能，它的作用很簡(jiǎn)單：當(dāng)像素的 Alpha 大于閾值就將 Alpha 置為 1，否則為 0，代碼如下：

float Thresh : register(C0);float4 main(float2 uv : TEXCOORD) : COLOR{float4 color;color = tex2D(input, uv.xy);if (color.a == 0 || color.a == 1 || Thresh == 0){return color;}float4 resultColor = 0;float opacity = color.a > Thresh ? 1 : 0;if (opacity > 0){resultColor.rgb = color.rgb / color.a * opacity;}resultColor.a = opacity;return resultColor;}

文章插圖
雖然確實(shí)實(shí)現(xiàn)了融合效果，但是圓形的邊緣有嚴(yán)重的鋸齒。很明顯，問(wèn)題出在上面的代碼中 Alpha 通道最終不是 0 就是 1，為了使邊緣平滑，應(yīng)該留下一些“中間派” 。修改后的代碼引用了 LowerThresh 和 UpperThresh，處于這兩個(gè)閾值之間的像素用作保持邊緣平滑的“中間派”，具體代碼如下：

float UpperThresh : register(C0);float LowerThresh : register(C1);float4 main(float2 uv : TEXCOORD) : COLOR{float4 color;color = tex2D(input, uv.xy);if (color.a == 0 || color.a == 1 || LowerThresh == 0){return color;}if (UpperThresh < LowerThresh){return color;}float4 resultColor = 0;float opacity = 1;if (color.a < LowerThresh){opacity = 0;}if (color.a > LowerThresh && color.a < UpperThresh){opacity = (color.a - LowerThresh) / (UpperThresh - LowerThresh);}if (opacity > 0){resultColor.rgb = color.rgb / color.a * opacity;}resultColor.a = opacity;return resultColor;}