Shader特效 音符跳動

2021-09-20 07:22:52 字數 1127 閱讀 5601

之前在看b站上看到unity官方用shader graph做的乙個模型隨**跳動的教程,想著直接用shader**實現一下吧,最後實現效果如下,配合之前的烟花效果,還有點ktv的感覺。示例工程和c#指令碼在shader學習筆記

裡面大部分**都跟這個效果沒啥關係,關鍵**就兩行,頂點著色器中的取隨機數和頂點偏移,shader寫完之後,c#指令碼通過採集聲音資訊給shader的_intensity賦值就可以實現上面的效果。還可以通過判斷intensity的大小來確定是否顯示烟花特效。

// 音符跳動

shader "xdedzl/note bounce"

_specular

("specular"

,color)=(

1,1,

1,1)

_gloss

("gloss"

,range

(8.0

,256))

=20_intensity

("intensity"

,float)=1

} subshader

cgprogram

#pragma vertex vert

#pragma fragment frag

#include

"lighting.cginc"

fixed4 _color;

sampler2d _maintex;

// 紋理名_st宣告某個紋理的屬性,.xy是縮放.zw是偏移

float4 _maintex_st;

fixed4 _specular;

float _gloss;

float _intensity;

struct a2v

;struct v2f

; v2f vert

(a2v v)

fixed4 frag

(v2f i)

: sv_target

endcg

}}fallback "specular"

}

抖音特效,價值不止娛樂?

7月30日,奧運冠軍楊倩頭戴 小黃鴨 與 胡蘿蔔 同款好運發卡特效,向關注她的使用者表示感謝。接下來的幾天,她陸續分享了幾則 分別使用了 奶瓶 五官縮小 特效道具,手掌移開的瞬間,小眼睛迷茫地眨了兩下,被使用者調侃為 五官都住上了三室二廳 作為內容創作最簡捷的形式與工具,抖音向來備受使用者喜愛。乙個...

React Native 仿抖音點贊特效

前言 任何一款應用無疑都或多或少的使用到動畫效果,它對於提公升使用者體驗有著無比重要的作用。react native同樣提供了豐富的動畫api供開發者呼叫,而對於此部分知識的掌握無疑是rn高階的必經之路,本文通過案例帶大家實踐掌握animated art等動畫及繪圖知識。animatedart手勢系...

抖音宣布其特效向企業客戶開放

鳳凰網科技訊7月28日訊息,抖www.cppcns.com音舉www.cppcns.com辦特效技術開放程式設計客棧日,首次披露抖音特效的生產流程和技術原理。活動中,火山引擎宣布已向企業客戶開放了抖音同款特效,企業還可使用火山引擎的特效工具套件,生產3d特效。抖音表示,特效的初衷是為了程式設計客棧降...