第一次發文!之前有看過大神寫的基於ugui文字漸變效果,感覺很漂亮,彌補了自帶的純色文字的不足,於是自己也仿照這種做法做了一種類似的效果,效果圖如下:
效果看上去似乎還可以,下面就來說說實現的方法。
相信對於各路大神來說,一眼就能看破,這是利用材質混合來實現的。在ugui的text元件裡面可以設定自定義的材質,就跟sprite元件一樣。不過官方自帶的shader裡面沒有能直接達到這種效果的,所以首先得自己寫個shader。當然,對於怎樣寫shader,我了解的還很淺,所以我選擇使用強大的shaderforge來完成我想要的這種混合的shader,關於怎樣使用這個工具,這裡就不具體介紹了,下面放出材質的節點圖:
這裡面沒有什麼太多需要注意的地方,maintex節點主要用來接收字型的貼圖,然後通過系統分配相應的uv座標(我個人理解是這樣的),blendtex節點就是用來放置混合貼圖,然後與vertexcolor(也就是text元件裡面的color屬性)進行混合,最後指定輸出自發光。這裡唯一需要注意的一點是,在blendtex節點上,我給他分配的是uv1,這裡需要用到與**結合,下面就來看一看text元件上需要掛的指令碼是怎樣吧:
看起來很簡短吧,實際上就是手動的分配了一下uivertex的uv1屬性,跟實現漸變效果類似,直接繼承basemesheffect並重寫modifymesh方法。當掛好指令碼後,再為該文字分配乙個剛剛實現的混合效果的材質,看看是不是就達到了不同的效果呢。感興趣的童鞋趕緊試試吧。
材質的設定
元件的設定
自定義的混合貼圖
為 Xna 遊戲建立漂亮的字型
一般情況下,xna使用預處理生成的貼圖繪製字型。貼圖的生成一般有幾種方法 通過向content project中新增sprite font檔案,讓系統自動生成貼圖字型。這是最簡單的一種方法,同時也是最難看的一種方法。bitmap font maker 是xna creators club onlin...
PS製作黑暗牆面上的漂亮霓虹文字
一 用ps軟體開啟磚牆背景素材。二 複製一層,混合模式改為 正片疊底 不透明度50 三 新建色相 飽和度調整圖層,設定如下。打造夜間的氣氛。四 新建乙個空白圖層,設定前景色黑色 背景色白色,用黑色填充圖層。然後執行濾鏡 渲染 分層雲彩。五 設定雲彩圖層的混合模式為 顏色減淡 新增圖層蒙版,用大的黑色...
WPF換膚之五 建立漂亮的窗體
原文 wpf換膚之五 建立漂亮的窗體 換膚效果 經過了前面四章的講解,我們終於知道了如何拖拉窗體使之改變大小,也知道了如何處理滑鼠事件,同時,也知道了如何利用更好的編寫方式來編寫乙個方便實用和維護的換膚程式。下面請看換膚效果 首先宣告,窗體樣式和按鈕樣式均來自於codeproject,本人美工太差 ...