開啟輔助訪問

QQ登錄

注冊 找回密碼
返回列表 發新帖 標簽:
TA
圖形學
渲染
引擎
Shader
材質球
查看: 25357
回復: 270
上一主題 下一主題

Shader 【TAshader工程】七色UI數學算法-環繞動畫豐富案例-全算法

 

87萬

元素幣

5萬

活躍度

2328

貢獻值

創世神

Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8

積分
1219874

赤鐵劍戰神元素之盾圣盾-【瓦雷利亞】射日立體幾何相對論征戰護手結界玄晶神界之石蚩尤斧軒轅劍奪魂之鐮電吉他魔鏡秘法卷軸裁決幻炎玉神速鞋原始之火吉普車圣光之鉆滿天星擴散者大菠蘿【元素晶石】【群組碎片】不死鳥羽翼守望者【EX】守望者【死神】

主題
1004
精華
17
擴散
201
首發
33
土豪金
9291
神石
6
在線時間
10055 小時

河北福彩网TA的畫板

發消息

樓主-元素創造者
 樓主| 發表于 2020-5-5 17:32:40
TA資源類型
TA資源類型: 源文件分享 
shader資源類型: ASE插件創建 
適用引擎: unity 
資源介紹: UI裝備框特效動畫存數學算法

馬上注冊成為元素者,獲取海量元素資源,結識各路大神級人物

您需要 登錄 才可以下載或查看,沒有帳號?注冊

x
七種顏色,七個范例,7個模塊,七個兄die,七倍的快樂
構成我們這一期小學難度的TA學習資料,UI數學算法

有些同學可能比較怕數學,擔心看不懂,別怕,兄die,這是只要九年義務教育及格就一定能看懂的程度!
尊敬的游客,如果您要查看本帖隱藏內容請回復





關鍵特性和關鍵字【Shader數學算法】
  • shader數學算法,依靠數學公式對0-1內的數字在UV坐標空間一頓操作,然后輸出到像素,顯示在任意模型或面片上
  • 可以用在很多地方,常見為 UI高亮提示效果,當然作為場景中的霓虹燈,特殊特效也可以使用這些方法
  • 適合新人TA學習基礎算法,也適合UI同學給自己的UI作品加分
  • 適合商業游戲項目直接使用,大家的需求往往都差不多,都是轉啊轉的沒毛病
  • 這里還有很多不常見的新框體動畫效果,可以配合奇特的貼圖,出現奇特的效果

本帖內容
  • unity2017.4 全工程
  • 1個scene案例 包括的各種效果prefab
  • UI界面部分只是背景圖,不是圖素
  • 7個 ASE源工程 shader  和 40多個材質案例
  • 視頻中展示的材質庫,組合不同圖素更是可以快速千變萬化
  • 在微元素內購買本貼可以用于所有商業的項目
  • 購買本貼,如遇問題和算法問題,可以在元素 TA群 318958005 找元素界王解答


對比傳統
用shader數學算法制作的UI 小動畫,比傳統做法(模型UV  和 序列動畫)效率效果都高N個數量級
純數學算法擁有以下各種優勢
1 顯存內存容量:
  • 很多傳統幀序列要做到較為流暢的邊框動畫,需要5X5的幀序列來做到25幀,至少需要1024~2048的貼圖才能勉強高清
  • 數學算法不需要這么多畫面單幀,只需要一個紋理樣式基礎 圖,256就可以做的非常清晰。

2  流暢度

  • 序列動畫 一般 4X4  5X5  很少有到6X6,也只有6X6能突破30幀的畫面,但消耗不菲,且清晰度有限
  • 數學算法的shader ,幀率可以不鎖,也可以完全匹配應用程序的 最大幀率,做到極為流暢,及時是120幀畫面,每幀也流暢舒適

3 時間自由
  • 傳統做法的時間是固定,或者時間需要用曲線重新去K序列,幀序列做法考慮流暢的話,基本上不能降低速度,只能快速播放,越快跳幀越少
  • 數序shader無懼時間縮放,再慢的速度 也可以完美適配幀率,不可能存在卡頓效果,比如3秒轉一圈,這種細致的動畫也毫無難度,設置一個參數即可

4  環寬設定

  • 無論是 UV動畫還是幀序列 這一點都是做不到的,不能實時調節邊框寬度,大R-小R就是環寬,一般流程要做死,很難適配到不同的寬度UI
  • 數學shader 就是一個參數的事情,所以即使其他條件不變,做出不同環寬也可以有很大的視覺樣式差異

5 色彩與圖素更換

  • UV模型是可以隨時變化的,這與數學算法一致,但是幀序列動畫這種,是不可能實時換圖素的,顏色也要看原序列圖的顏色是否適合換色
  • shader算法 可以做到快速的 換圖素 和 顏色,圖素一般使用 二方或者 4方,總歸有連續性方便適配

6 無限圓滑

  • 模型做的環繞動畫,如果是實時,總歸是有模型段數和三角面的 ,在一定距離可能光滑,但放大后可能段數明顯,且越光滑,需要的多邊形越高,幀序列放大則畫質低
  • shader算法 用到圓周率函數值 【派】計算, 所以就算是顯微鏡看 也不會出現模型的卡角。如絲順滑,且沒有多邊形的顯存,容量的消耗,大圖多層疊加,優勢越明顯

7 特殊規則
  • 如箭頭,環繞球變小等屬于特定規則,需要特定的圖素和數字配合
  • 擁有源文件掌握即可隨意修改,創作趣味性 和 作品的專屬效果
  • 如小球環繞,后面拖尾的小球數量可以控制
  • 一個二方連續做圓周運動需要重復幾次等


這套ShaderUI實用案例可以學習到什么?
  • 這個工程可以幫助你學習哪些知識點?
  • 基礎圖像和坐標系知識
  • 擴展圖像的思路,如果通過簡單圖像生成復雜的組合圖像
  • 色域轉化控制,比如吧(0~1)分成N個亮度梯度,再把這個梯度作為UV的U,結合另外的V結果
  • 抗鋸齒設計,默認程序化圖像有級強的鋸齒,有很多小技巧來降低鋸齒
  • 多pass混合,比如底下一個軌道,上面有一個環繞的動畫去循環,但在1個面片上

性能和優化?
  • 算法的效率極高,都是一些插入 四則運算,對于GPU來說算這些東西,簡直是毛毛雨
  • UV動畫 和 幀序列也是需要UV計算和轉換的,他們在shader的復雜度來說是差不多,可能節點多個20%
  • 節約了更多貼圖 和模型 的計算,總體來說 ,應該是有更佳的效率

后續更新
  • 準備升級一些六邊形的形狀,這個也是常見
  • 升級 長寬比不同的矩形按鈕,但轉速穩定


Snipaste_2020-05-05_18-56-13.jpg

Snipaste_2020-05-05_18-57-48.jpg

Snipaste_2020-05-05_18-57-57.jpg

評分

參與人數 8元素幣 +172 活躍度 +240 貢獻值 +1 收起 理由
胖紙_DHW + 33 + 33 很強!
幺九 + 66 + 66 非常有用!
KL呆呆L + 20 厲害了
xieshupeng + 2 + 5 【點贊】這很有大網氣質!
小優小優 + 15 【點贊】這很有大網氣質!
370688535 + 5 + 20 這波評分送 視頻配樂
微涼. + 15 【給力】閱貼無數,樓主最強!
玨銘 + 66 + 66 + 1 又一次刷新認知

查看全部評分

想要成大觸,天天上元素!

回復 使用道具 舉報 登錄

論壇版權

盤 TA

絕對的好東西啊

回復 使用道具 舉報 登錄

盤 TA

看起來很不錯啊

回復 使用道具 舉報 登錄

盤 TA

好東西啊,買了買了

回復 使用道具 舉報 登錄

盤 TA

葫蘆娃葫蘆娃本領ing大

回復 使用道具 舉報 登錄

盤 TA

回復 使用道具 舉報 登錄

盤 TA

這個感覺一般

回復 使用道具 舉報 登錄

盤 TA

。。。。。。聽配樂我裂開來了

回復 使用道具 舉報 登錄

盤 TA

好屌啊 感覺自己好窮啊

回復 使用道具 舉報 登錄

盤 TA

啊····真香····希望界王多出一些這樣的干貨

評分

參與人數 1元素幣 +1 收起 理由
元素界王 + 1 計劃中!

查看全部評分

回復 使用道具 舉報 登錄

盤 TA

看看

回復 使用道具 舉報 登錄

盤 TA

厲害

回復 使用道具 舉報 登錄

盤 TA

厲害

回復 使用道具 舉報 登錄

盤 TA

哇塞 看著好好啊
好方便的樣子

回復 使用道具 舉報 登錄

盤 TA

看看感覺

回復 使用道具 舉報 登錄

盤 TA

我的文檔無無無無

回復 使用道具 舉報 登錄

盤 TA

買買買

回復 使用道具 舉報 登錄

盤 TA

厲害

回復 使用道具 舉報 登錄

盤 TA

感謝分享

回復 使用道具 舉報 登錄

盤 TA

回復 使用道具 舉報 登錄

盤 TA

6

回復 使用道具 舉報 登錄

盤 TA

求分享 謝謝樓主

回復 使用道具 舉報 登錄

盤 TA

謝謝分享

回復 使用道具 舉報 登錄

盤 TA

看看看看看先

回復 使用道具 舉報 登錄

盤 TA

好東西 看看

回復 使用道具 舉報 登錄

盤 TA

頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂

回復 使用道具 舉報 登錄

盤 TA

6

回復 使用道具 舉報 登錄

盤 TA

又一次刷新認知

回復 使用道具 舉報 登錄

盤 TA

666

回復 使用道具 舉報 登錄

盤 TA

666666666666

回復 使用道具 舉報 登錄

盤 TA

好厲害

回復 使用道具 舉報 登錄

盤 TA


。。。。。。聽配樂我裂開來了

回復 使用道具 舉報 登錄

盤 TA

感謝分享

回復 使用道具 舉報 登錄

盤 TA

厲害了

回復 使用道具 舉報 登錄

盤 TA

UI前來學習,感謝分享

回復 使用道具 舉報 登錄

盤 TA

厲害了

回復 使用道具 舉報 登錄

盤 TA

好資源啊

回復 使用道具 舉報 登錄

盤 TA

感謝分享~~

回復 使用道具 舉報 登錄

盤 TA

先看看

回復 使用道具 舉報 登錄

盤 TA

看看

回復 使用道具 舉報 登錄

您需要登錄后才可以回帖 登錄 | 注冊

本版積分規則

關閉

福利升級-請收下這份福報!上一條 /1 下一條

快速回復 返回頂部 返回列表
河北彩票网-河北福彩网 浙江体彩网-推荐 浙江福彩网-官网 浙江彩票网-欢迎您 广东体彩网-安全购彩 广东福彩网-Welcome 吉林体彩网-Home 吉林福彩网-河北福彩网 湖北体彩网-推荐 湖北福彩网-官网