原文:cocos2d-js Shader系列2:在cc.Sprite上使用Shader(黑白、灰度、造舊效果)

在Sprite中使用Shader做特殊的顏色處理比較簡單,只需要把Shader程序綁定到Sprite上即可: Cocos d內置了一些Shader,詳細可以看代碼: 其中,CCShaderCache緩存了一些Shader實例,而GLProgram則對gl的api做了簡單的封裝讓接口更友好。 需要注意的是,使用GLProgram編譯shader程序時,cocos d會自動加入了一些參數。 另外,綁定 ...

2014-11-04 16:35 0 7739 推薦指數:

查看詳情

cocos2d-js Shader系列1:cocos2d-js Shader和OpenGL ES2.0

cocos2dShader也就是差不多直接跟GPU打交道了,跟Flash的Stage3D(AGAL)類似,不過沒有AGAL這么惡心,不需要直接編寫匯編語言。而Fragment Shader又跟Flash的pixelbender類似。 本文以cocos2d-js為例,但cocos2dx其他版本 ...

Wed Nov 05 00:31:00 CST 2014 1 4775
cocos creator基礎-(六)cc.Sprite使用

1: 了解cc.Sprite使用;2: 了解cc.Sprite的大小模式;3: 學會使用九宮格,使用九宮格節省美術資源;4: 學會個性化的時間精度條的使用;5: 代碼里面來更換圖片; cc.Sprite 1: 游戲中顯示一個圖片,通常我們把這個叫做”精靈” sprite2: cocos ...

Mon Feb 25 20:08:00 CST 2019 0 2865
cocos2d-js Shader系列4:Shader、GLProgram在jsb(native、手機)和html5之間的兼容問題。cocos2d-js框架各種坑。

為了讓jsb也能順利跑起濾鏡效果,在手機側折騰了2天,因為每次在真機上運行總要耗那么半分鍾,而且偶爾還遇到apk文件無法刪除導致運行失敗的情況。 這個調試起來,實在讓人煩躁加沮喪。 還好,測試上百輪,翻jsb代碼+各種猜測實驗之后,終於順利的把前3個系列的例子都通通在Android ...

Sun Nov 09 18:44:00 CST 2014 0 6219
cocos2d-js Shader系列3:多重紋理 multiple textures multiple samplers

上一篇,我們學習了怎么便捷的控制sprite的顏色,而這個都是默認一個texture的,如果要實現類似mask的效果,或者更個性化的多紋理效果,怎么實現呢? 這就是這一節需要介紹的內容。 例如上圖的效果,下方2個球是原圖,而上方的圖就是由2個球通過某個公式合成的效果 ...

Thu Nov 06 03:14:00 CST 2014 7 4370
Cocos2d-x shader學習1: 灰度shader

灰度shader 最近在學習shader,就把cocos2d-x 3.x版本中的很簡單也很常用的灰度shader拿出來學習一下。 代碼分析 precision mediump float是open es特有的精度限定符,原本的浮點數精度是double,opengl es為了提高渲染效率 ...

Tue Feb 02 23:13:00 CST 2016 0 5953
Cocos2d-x shader學習3: sprite描邊(Outline)

Cocos2d-x 3.x的label使用了freetype字體引擎(http://www.freetype.org/),可以很輕松的實現描邊和陰影效果。所以本篇文章只針對於sprite來實現描邊效果。 官方demo中描邊shader沒有看懂,看效果好像是有點問題,透明的部分變成了黑色。作者 ...

Sat Feb 20 23:49:00 CST 2016 0 4963
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM