1 Star 1 Fork 40

韩锐 / ShaderDemos

forked from darkpalm / ShaderDemos 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

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. 战争迷雾探照灯 使一张图片产生战争迷雾效果,跟随触摸点照亮圆形区域


酷炫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,欢迎打赏 :blush:

        

空文件

简介

介绍cocos creator中自定义shader用法 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/ihanrui/ShaderDemos.git
git@gitee.com:ihanrui/ShaderDemos.git
ihanrui
ShaderDemos
ShaderDemos
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891