CocosCreatorShader: 大道至简，殊途同归。 CocosCreatorShader意图在于帮助不会Shader的用户能够快速了解如何使用Cocos Effect。 CocosCreatorShader intends to help users who do not know Shader quickly understand how to use Cocos Effect.

CocosCreatorShader

Purpose

CocosCreatorShader intends to help users who do not know Shader quickly understand how to use Cocos Effect.

Version

Cocos Creator v3.8.x

2D

NO1	Proj1	NO2	Proj2	NO3	Proj3	NO4	Proj4
1	图片闪光	2	受击闪白	3	UI内发光	4	高斯模糊
5	圆形头像	6	图片溶解	7	图片特效合集	8	渐变过渡的相册
9	马赛克	10	镜面光泽	11	水面波纹	12	灯光跟随
13	融球	14	图片消融	15	2D灯光	16	摸牌
17	按钮流光	18	彩虹	19	动态光影	20	图片高亮
21	大风吹	22	自定义头像	23	加载	24	波浪
25	曲线波浪	26	UI内发光2	27	加载2	28	UI外发光
29	2D火焰描边	30	循环隧道	31	转场动画	32	满月与星光
33	箭头引导线	34	无限滚动背景	35	方形进度加载	36	河面
37	卡牌透视	38	情人节	39	迷人的色彩	40	迷恋
41	光圈	42	网状光圈	43	光行	44	心跳
45	超级马里奥	46	旋转的圆点	47	变形花	48	星空
49	草地	50	空间传送门	51	形状调整	52	ShaderBook特效
53	下雨	54	蓝天白云	55	微笑	56	Emoji风格微笑
57	三叶草	58	色环	59	头像边缘流光	60	文字边缘
61	八角形	62	分形树	63	等离子球	64	星巢
65	风格化fuji	66	复古的太阳	67	流失	68	寰宇之内
69	图片渐变	70	图片阴影	71	卷轴展开和收拢	72	图片边缘发光
73	阴间披风	74	2D雾效	75	Cocos启动页文字	76	果冻Q弹效果
77	光射线	78	局部模糊	79	蓝色大海	80	光和影
81	跳动的小球	82	跳舞	83	文字渐变	84	五光十色的心
85	Shader日志

3D

NO1	Proj1	NO2	Proj2	NO3	Proj3	NO4	Proj4
1	人物护盾	2	模型高亮	3	模型遮挡透视	4	LowPoly风格水面
5	噪声水面	6	模型内发光	7	模型描边	8	模型消融
9	云海	10	模型擦除	11	UV动画	12	UV动画混合
13	UV动画扰动	14	UV动画移动扰动	15	模型扰动	16	模型特效
17	3D导航线	18	模型透视	19	屏幕后处理特效	20	模型边缘光
21	武器发光	22	模型辉光	23	雨滴滑落	24	模型贴花
25	模型拖尾	26	后效-SSAO	27	后效-SSR	28	声呐特效
29	卡通风格水面渲染	30	高级卡通风格水面渲染	31	3DUI圆形头像	32	全息投影

Examples

FlashLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.1	2D	图片流光	3.8.0	返回顶部	低	无

HitWhite

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.2	2D	受击闪白	3.8.0	返回顶部	低	无

GlowInner

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.3	2D	UI内发光	3.8.0	返回顶部	低	无

GaussianBlur

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.4	2D	高斯模糊	3.8.0	返回顶部	低	无

CircleAvatar

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.5	2D	圆形头像	3.8.0	返回顶部	低	无

SpriteDissolve

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.6	2D	图片溶解	3.8.0	返回顶部	低	无

SpriteFilter

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.7	2D	图片特效合集	3.8.0	返回顶部	低	无

GradualTransitionalAlbum

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.8	2D	渐变过渡的相册	3.8.0	返回顶部	低	无

SpriteMosaic

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.9	2D	马赛克	3.8.0	返回顶部	低	无

SpriteStreamer

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.10	2D	镜面光泽	3.8.0	返回顶部	低	无

WaterSpread

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.11	2D	水面波纹	3.8.0	返回顶部	低	无

FollowSpot

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.12	2D	灯光跟随	3.8.0	返回顶部	低	无

Metaball

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.13	2D	融球	3.8.0	返回顶部	低	无

SpriteAblation

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.14	2D	图片消融	3.8.0	返回顶部	低	无

Sprite2DLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.15	2D	2D灯光	3.8.0	返回顶部	低	无

DrawCard

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.16	2D	摸牌	3.8.0	返回顶部	中	无

ButtonAmbilight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.17	2D	按钮流光	3.8.0	返回顶部	低	无

SpriteDrawRainbow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.18	2D	彩虹	3.8.0	返回顶部	低	无

SpriteDynamicLightAndShadow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.19	2D	动态光影	3.8.0	返回顶部	低	无

SpriteHighLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.20	2D	图片高亮	3.8.0	返回顶部	低	无

WindBlowingThrough2D

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.21	2D	植物受风摆动	3.8.0	返回顶部	低	无

SpriteRadius

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.22	2D	自定义头像	3.8.0	返回顶部	低	无

SpriteLoading

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.23	2D	加载	3.8.0	返回顶部	低	无

SpriteWave

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.24	2D	波浪	3.8.0	返回顶部	低	无

SpriteSineWave

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.25	2D	曲线波浪	3.8.0	返回顶部	低	无

GlowInnerV2

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.26	2D	UI内发光2	3.8.0	返回顶部	低	无

LoadingStyle

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.27	2D	加载2	3.8.0	返回顶部	低	无

GlowOutter

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.28	2D	UI外发光	3.8.0	返回顶部	低	无

FireStroke

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.29	2D	2D人物火焰描边	3.8.0	返回顶部	低	无

LoopTunnel

编号	类目	项目	编辑器版本	返回顶部	模式	备注
1.30	2D	循环隧道	3.8.0	返回顶部	低	无

RoleShield

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.1	3D	人物护盾	3.8.0	返回顶部	低	无

RoleHighLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.2	3D	模型高亮	3.8.0	返回顶部	低	无

OcclusionPerspective

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.3	3D	模型遮挡透视	3.8.0	返回顶部	低	无

LowPolyWater

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.4	3D	LowPoly风格水面	3.8.0	返回顶部	低	无

NoiseWater

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.5	3D	噪声水面	3.8.0	返回顶部	低	无

ModelInnerGlow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.6	3D	模型内发光	3.8.0	返回顶部	低	需为胶囊体

ModelOutline

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.7	3D	模型描边	3.8.0	返回顶部	低	需为胶囊体

ModelDissolve

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.8	3D	模型消融	3.8.0	返回顶部	低	无

SeaOfClouds

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.9	3D	云海	3.8.0	返回顶部	低	无

ModelErase

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.10	3D	模型擦除	3.8.0	返回顶部	中	无

UVAnimation

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.11	3D	UV动画	3.8.0	返回顶部	低	无

UVAnimationBlend

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.12	3D	UV动画混合	3.8.0	返回顶部	低	无

UVAnimationDistortion

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.13	3D	UV动画扰动	3.8.0	返回顶部	低	无

UVAnimationMoveDistortion

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.14	3D	UV动画移动扰动	3.8.0	返回顶部	低	无

ModelDistortion

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.15	3D	模型扰动	3.8.0	返回顶部	低	无

ModelEffect

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.16	3D	模型特效	3.8.0	返回顶部	低	无

GuideLine

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.17	3D	3D导航线	3.8.0	返回顶部	低	无

ModelPerspective

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.18	3D	模型透视	3.8.0	返回顶部	低	无

Snapshot

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.19	3D	屏幕后处理特效	3.8.0	返回顶部	中	无

ModelRimLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.20	3D	模型边缘光	3.8.0	返回顶部	低	无

WeaponGlow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.21	3D	武器发光	3.8.0	返回顶部	低	无

ModelBloom

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.22	3D	模型辉光	3.8.0	返回顶部	低	无

RainDrop

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.23	3D	雨滴滑落	3.8.0	返回顶部	低	无

Graffiti

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.24	3D	模型贴花	3.8.0	返回顶部	低	无

RoleMotionVertex

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.25	3D	模型拖尾	3.8.0	返回顶部	低	无

SSAO

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.26	3D	后处理效果-SSAO	3.8.0	返回顶部	中	自定义渲染管线

SSR

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.27	3D	后处理效果-SSR	3.8.0	返回顶部	中	自定义渲染管线

Sonar

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.28	3D	声呐特效	3.8.0	返回顶部	中	无

CartoonWater

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.29	3D	卡通风格水面渲染	3.8.0	返回顶部	中	无

CartoonWaterHigh

编号	类目	项目	编辑器版本	返回顶部	模式	备注
2.30	3D	高级卡通风格水面渲染	3.8.0	返回顶部	中	无

Transition

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.1	2D	转场动画	3.8.0	返回顶部	低	无

MoonStar

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.2	2D	满月与星光	3.8.0	返回顶部	低	无

ArrowGuideLine

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.3	2D	箭头引导线	3.8.0	返回顶部	低	无

MovingBackground

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.4	2D	无限滚动背景	3.8.0	返回顶部	低	无

RectDraw

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.5	2D	方形进度加载	3.8.0	返回顶部	低	无

River

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.6	2D	河面	3.8.0	返回顶部	低	无

CardPerspective

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.7	2D	卡牌透视	3.8.0	返回顶部	低	无

ValentineDay

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.8	2D	情人节	3.8.0	返回顶部	高	mac 12.4 Chrome FPS: 4

AmazingColor

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.9	2D	迷人的色彩	3.8.0	返回顶部	中	无

Obsession

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.10	2D	迷恋	3.8.0	返回顶部	低	无

LightCircle

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.11	2D	光圈	3.8.0	返回顶部	低	无

LightNet

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.12	2D	网状光圈	3.8.0	返回顶部	低	无

LightRun

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.13	2D	光行	3.8.0	返回顶部	低	无

HeartBeat

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.14	2D	心跳	3.8.0	返回顶部	低	无

SuperMario

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.15	2D	超级马里奥	3.8.0	返回顶部	高	无

SwirlingDots

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.16	2D	旋转的圆点	3.8.0	返回顶部	低	无

DeformFlower

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.17	2D	变形花	3.8.0	返回顶部	低	无

StarBackground

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.18	2D	星空	3.8.0	返回顶部	低	无

Grassy

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.19	2D	草地	3.8.0	返回顶部	中	无

GlowCircle

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.20	2D	空间传送门	3.8.0	返回顶部	中	无

Tweaked

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.21	2D	形状调整	3.8.0	返回顶部	低	无

ShaderBook

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.22	2D	ShaderBook特效	3.8.0	返回顶部	低	包含 26 种基础特效

Rain

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.23	2D	下雨	3.8.0	返回顶部	中	无

Cloud

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.24	2D	蓝天白云	3.8.0	返回顶部	中	无

Smile

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.25	2D	微笑	3.8.0	返回顶部	低	无

EmojiSmile

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.26	2D	Emoji风格微笑	3.8.0	返回顶部	中	无

Clover

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.27	2D	三叶草	3.8.0	返回顶部	低	无

ColorCircle

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.28	2D	色环	3.8.0	返回顶部	低	无

HeadFrame

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.29	2D	头像边缘流光	3.8.0	返回顶部	低	无

OuterEdgeOfText

编号	类目	项目	编辑器版本	返回顶部	模式	备注
3.30	2D	文字边缘	3.8.0	返回顶部	高	来源：shadertoy.com

Octagrams

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.1	2D	八角形	3.8.0	返回顶部	低	来源：shadertoy.com

FractalTrees

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.2	2D	分形树	3.8.0	返回顶部	高	来源：shadertoy.com

PlasmaGlobe

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.3	2D	等离子球	3.8.0	返回顶部	高	来源：shadertoy.com

StarNest

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.4	2D	星巢	3.8.0	返回顶部	低	来源：shadertoy.com

CyberFuji

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.5	2D	风格化fuji	3.8.0	返回顶部	中	来源：shadertoy.com

RetroSun

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.6	2D	复古的太阳	3.8.0	返回顶部	低	来源：shadertoy.com

DownTheDrain

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.7	2D	流失	3.8.0	返回顶部	低	来源：shadertoy.com

UniverseWithin

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.8	2D	寰宇之内	3.8.0	返回顶部	低	来源：shadertoy.com

SpriteGradient

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.9	2D	图片渐变	3.8.0	返回顶部	低	无

SpriteShadow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.10	2D	图片阴影	3.8.0	返回顶部	低	无

ReelUnfoldingAndClosing

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.11	2D	卷轴展开和收拢	3.8.0	返回顶部	低	无

EdgeHighLight

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.12	2D	图片边缘发光	3.8.0	返回顶部	低	无

CloakOfTheUnderworld

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.13	2D	阴间披风	3.8.0	返回顶部	低	无

Fog2D

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.14	2D	*2D雾效	3.8.0	返回顶部	低	在 macOS Chrome 有渲染问题，Windows 正常

LabelCocos

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.15	2D	Cocos启动页	3.8.0	返回顶部	中	来源：shadertoy.com

Jelly

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.16	2D	果冻Q弹效果	3.8.0	返回顶部	低	无

LightRays2D

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.17	2D	光射线	3.8.0	返回顶部	低	无

Blur2D

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.18	2D	局部模糊	3.8.0	返回顶部	低	无

BlueSea

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.19	2D	蓝色大海	3.8.0	返回顶部	低	来源：shadertoy.com

LightAndShadow

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.20	2D	光和影	3.8.0	返回顶部	中	来源：shadertoy.com

DancingBall

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.21	2D	跳动的小球	3.8.0	返回顶部	中	来源：shadertoy.com

StrokesAreDancing

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.22	2D	跳舞	3.8.0	返回顶部	中	来源：shadertoy.com

LabelGradient

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.23	2D	文字渐变	3.8.0	返回顶部	低	无

ColorfulHeart

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.24	2D	五光十色的心	3.8.0	返回顶部	低	无

ShaderLog

编号	类目	项目	编辑器版本	返回顶部	模式	备注
4.25	2D	Shader日志	3.8.0	返回顶部	低	无

CircleAvatar3D

编号	类目	项目	编辑器版本	返回顶部	模式	备注
5.1	3D	3DUI圆形头像	3.8.0	返回顶部	低	无

Hologram

编号	类目	项目	编辑器版本	返回顶部	模式	备注
5.2	3D	全息投影	3.8.0	返回顶部	低	无

木限东 / CocosCreatorShader .gitee-modal { width: 500px !important; }

CocosCreatorShader

Purpose

Version

2D

3D

Examples

FlashLight

HitWhite

GlowInner

GaussianBlur

CircleAvatar

SpriteDissolve

SpriteFilter

GradualTransitionalAlbum

SpriteMosaic

SpriteStreamer

WaterSpread

FollowSpot

Metaball

SpriteAblation

Sprite2DLight

DrawCard

ButtonAmbilight

SpriteDrawRainbow

SpriteDynamicLightAndShadow

SpriteHighLight

WindBlowingThrough2D

SpriteRadius

SpriteLoading

SpriteWave

SpriteSineWave

GlowInnerV2

LoadingStyle

GlowOutter

FireStroke

LoopTunnel

RoleShield

RoleHighLight

OcclusionPerspective

LowPolyWater

NoiseWater

ModelInnerGlow

ModelOutline

ModelDissolve

SeaOfClouds

ModelErase

UVAnimation

UVAnimationBlend

UVAnimationDistortion

UVAnimationMoveDistortion

ModelDistortion

ModelEffect

GuideLine

ModelPerspective

Snapshot

ModelRimLight

WeaponGlow

ModelBloom

RainDrop

Graffiti

RoleMotionVertex

SSAO

SSR

Sonar

CartoonWater

CartoonWaterHigh

Transition

MoonStar

ArrowGuideLine

MovingBackground

RectDraw

River

CardPerspective

ValentineDay

AmazingColor

Obsession

LightCircle

LightNet

LightRun

木限东 / CocosCreatorShader