/ShaderDemos

some shaders for cocos creator

Primary LanguageGLSL

Shader effects for cocos creator

九尾狐游戏工作室出品

github项目地址 传送门

不方便上github可以去码云 去码云

Q群:704391772
Q群704391772

开发工具

  • cocos creator v1.8.2

  • vscode v1.22.2

  • 脚本:Typescript

使用说明

效果器shader包含两个文件,例如高斯模糊效果包含GaussBlurEffect.ts和GaussBlursFrag.ts

将对应的TS脚本拖到要施加效果的节点上即可以,方便快捷,自动施法,开箱即用 

Scene/AmazingEffects/目录下能看到十几个酷炫的shader场景,用于参考学习

更多介绍见另一篇文档说明文档


shader效果器 包含使用说明文档

  1. 流动闪光特效:使图片产生流光效果和闪光特效,两种模式

  2. 高斯模糊:用高斯模糊算法使图片产生模糊效果

  3. 灰度图:处理一个图片,使其变为灰色

  4. 图片透明渐变:透明图片渐变切换

  5. 动态水波:使一张图片产生动态水波效果

  6. 战争迷雾探照灯: 使一张图片产生战争迷雾效果,跟随触摸点照亮圆形区域

  7. 溶解特效:使一张图片产生溶解消失的效果


酷炫shader实例

  • amazingcolors
    amazing

  • clouds
    clouds

  • clover
    amazing

  • color circle
    amazing

  • color lights
    amazing

  • deform flower
    amazing

  • flame fire
    amazing

  • glow circle
    amazing

  • grassy
    amazing

  • beat heart
    amazing

  • light circle
    amazing

  • light nets
    amazing

  • light run
    amazing

  • obsession
    amazing

  • swirling dots
    amazing

  • tweaked
    amazing

  • Valentine Day
    amazing

  • Redcircle
    amazing

  • Supermario
    amazing

  • StarBackground
    amazing


陆续更新,敬请关注,欢迎star,欢迎打赏 😊