CocosCreatorShader

Purpose

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

Version

Cocos Creator v3.7.x

2D

NO1	Proj1	NO2	Proj2	NO3	Proj3	NO4	Proj4
1	Flash Light	2	Hit White	3	Glow Inner (Sprite)	4	Gaussian Blur
5	Circle Avatar (Sprite)	6	Dissolve (Sprite)	7	Sprite Filter	8	Gradual Transitional Album
9	Mosaic (Sprite)	10	Streamer (Sprite)	11	Water Spread	12	Follow Spot
13	Metaball (Sprite)	14	Ablation (Sprite)	15	2D Light (Sprite)	16	Draw Card (Sprite)
17	Button Ambilight	18	Draw Rainbow	19	Dynamic Light And Shadow	20	High Light (Sprite)
21	Wind Blowing (Sprite)	22	Customized Avatar	23	Loading (Sprite)	24	Wave (Sprite)
25	Sine Wave (Sprite)	26	Glow Inner (Sprite) ver2	27	Loading Style (Sprite)	28	Glow Outter (Sprite)
29	Fire Stroke (Sprite)	30	Loop Tunnel	31	Transition (Sprite)	32	Moon And Star
33	Arrow Guide Line	34	Moving Background	35	Rect Head Loading	36	River
37	Card Perspective	38	Valentine Day	39	Amazing Color	40	Obsession
41	Light Circle	42	Light Net	43	Light Run	44	Heart Beat
45	Super Mario (Sprite)	46	Swirling Dots	47	Deform Flower	48	Star Background
49	Grassy (Sprite)	50	Glow Circle	51	Tweaked	52	Shader Book Effect
53	Rain	54	Clouds	55	Draw Smile	56	Emoji Style Smile
57	Clover	58	Color Circle	59	Head Frame	60	Outer Edge Of Text
61	Octagrams	62	Fractal Trees	63	Plasma Globe	64	Star Nest
65	Cyber Fuji	66	Retro Sun	67	Down The Drain	68	The Universe Within
69	Sprite Gradient	70	Sprite Shadow	71	Reel Unfolding And Closing	72	Edge High Light
73	Cloak Of The Underworld	74	2D Fog	75	Label Cocos	76	Jelly (Sprite)
77	2D Light Rays	78	Blur 2D (Sprite)	79	Blue Sea	80	Light And Shadow
81	Dancing Ball	82	Strokes Are Dancing

3D

NO1	Proj1	NO2	Proj2	NO3	Proj3	NO4	Proj4
1	Role Shield	2	High Light (Model)	3	Occlusion Perspective (Model)	4	Low Poly Style Water
5	Noise Style Water	6	Glow Inner (Model)	7	Outline (Model)	8	Dissolve (Model)
9	Sea Of Clouds	10	Erase (Model)	11	UV Animation	12	UV Animation Blend
13	UV Animation Distortion	14	UV Animation Move And Distortion	15	Distortion (Model)	16	Model Effect
17	Guide Line (3D)	18	Perspective (Model)	19	Snap Shot	20	Rim Light (Model)
21	Weapon Glow	22	Model Bloom	23	Rain Drop	24	Graffiti
25	Role Motion Vertex	26	SSAO	27	SSR	28	Sonar
29	Cartoon Water	30	High Cartoon Water	31	3D Circle Avatar	32	Hologram

Examples

FlashLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.1	2D	Flash Light	3.7.0	Back To Top	Low Level	Empty

HitWhite

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.2	2D	Hit White	3.7.0	Back To Top	Low Level	Empty

GlowInner

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.3	2D	Glow Inner (Sprite)	3.7.0	Back To Top	Low Level	Empty

GaussianBlur

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.4	2D	Gaussian Blur	3.7.0	Back To Top	Low Level	Empty

CircleAvatar

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.5	2D	Circle Avatar (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteDissolve

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.6	2D	Dissolve (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteFilter

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.7	2D	Sprite Filter	3.7.0	Back To Top	Low Level	Empty

GradualTransitionalAlbum

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.8	2D	Gradual Transitional Album	3.7.0	Back To Top	Low Level	Empty

SpriteMosaic

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.9	2D	Mosaic (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteStreamer

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.10	2D	Streamer (Sprite)	3.7.0	Back To Top	Low Level	Empty

WaterSpread

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.11	2D	Water Spread	3.7.0	Back To Top	Low Level	Empty

FollowSpot

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.12	2D	Follow Spot	3.7.0	Back To Top	Low Level	Empty

Metaball

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.13	2D	Metaball (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteAblation

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.14	2D	Ablation (Sprite)	3.7.0	Back To Top	Low Level	Empty

Sprite2DLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.15	2D	2D Light (Sprite)	3.7.0	Back To Top	Low Level	Empty

DrawCard

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.16	2D	Draw Card (Sprite)	3.7.0	Back To Top	Middle Level	Empty

ButtonAmbilight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.17	2D	Button Ambilight	3.7.0	Back To Top	Low Level	Empty

SpriteDrawRainbow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.18	2D	Draw Rainbow	3.7.0	Back To Top	Low Level	Empty

SpriteDynamicLightAndShadow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.19	2D	Dynamic Light And Shadow	3.7.0	Back To Top	Low Level	Empty

SpriteHighLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.20	2D	High Light (Sprite)	3.7.0	Back To Top	Low Level	Empty

WindBlowingThrough2D

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.21	2D	Wind Blowing (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteRadiusShader

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.22	2D	Customized Avatar	3.7.0	Back To Top	Low Level	Empty

SpriteLoading

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.23	2D	Loading (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteWave

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.24	2D	Wave (Sprite)	3.7.0	Back To Top	Low Level	Empty

SpriteSineWave

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.25	2D	Sine Wave (Sprite)	3.7.0	Back To Top	Low Level	Empty

GlowInnerV2

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.26	2D	Glow Inner (Sprite) ver2	3.7.0	Back To Top	Low Level	Empty

LoadingStyle

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.27	2D	Loading Style (Sprite)	3.7.0	Back To Top	Low Level	Empty

GlowOutter

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.28	2D	Glow Outter (Sprite)	3.7.0	Back To Top	Low Level	Empty

FireStroke

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.29	2D	Fire Stroke (Sprite)	3.7.0	Back To Top	Low Level	Empty

LoopTunnel

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
1.30	2D	Loop Tunnel	3.7.0	Back To Top	Low Level	Empty

RoleShield

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.1	3D	Role Shield	3.7.0	Back To Top	Low Level	Empty

RoleHighLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.2	3D	High Light (Model)	3.7.0	Back To Top	Low Level	Empty

OcclusionPerspective

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.3	3D	Occlusion Perspective (Model)	3.7.0	Back To Top	Low Level	Empty

LowPolyWater

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.4	3D	Low Poly Style Water	3.7.0	Back To Top	Low Level	Empty

NoiseWater

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.5	3D	Noise Style Water	3.7.0	Back To Top	Low Level	Empty

ModelInnerGlow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.6	3D	Glow Inner (Model)	3.7.0	Back To Top	Low Level

ModelOutline

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.7	3D	Outline (Model)	3.7.0	Back To Top	Low Level

ModelDissolve

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.8	3D	Dissolve (Model)	3.7.0	Back To Top	Low Level	Empty

SeaOfClouds

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.9	3D	Sea Of Clouds	3.7.0	Back To Top	Low Level	Empty

ModelErase

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.10	3D	Erase (Model)	3.7.0	Back To Top	Middle Level	Empty

UVAnimation

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.11	3D	UV Animation	3.7.0	Back To Top	Low Level	Empty

UVAnimationBlend

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.12	3D	UV Animation Blend	3.7.0	Back To Top	Low Level	Empty

UVAnimationDistortion

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.13	3D	UV Animation Distortion	3.7.0	Back To Top	Low Level	Empty

UVAnimationMoveDistortion

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.14	3D	UV Animation Move And Distortion	3.7.0	Back To Top	Low Level	Empty

ModelDistortion

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.15	3D	Distortion (Model)	3.7.0	Back To Top	Low Level	Empty

ModelEffect

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.16	3D	Model Effect	3.7.0	Back To Top	Low Level	Empty

GuideLine

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.17	3D	Guide Line (3D)	3.7.0	Back To Top	Low Level	Empty

ModelPerspective

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.18	3D	Perspective (Model)	3.7.0	Back To Top	Low Level	Empty

Snapshot

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.19	3D	Snap Shot	3.7.0	Back To Top	Middle Level	Empty

ModelRimLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.20	3D	Rim Light (Model)	3.7.0	Back To Top	Low Level	Empty

WeaponGlow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.21	3D	Weapon Glow	3.7.0	Back To Top	Low Level	Empty

ModelBloom

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.22	3D	Model Bloom	3.7.0	Back To Top	Low Level	Empty

RainDrop

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.23	3D	Rain Drop	3.7.0	Back To Top	Low Level	Empty

Graffiti

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.24	3D	Graffiti	3.7.0	Back To Top	Low Level	Empty

RoleMotionVertex

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.25	3D	Role Motion Vertex	3.7.0	Back To Top	Low Level	Empty

SSAO

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.26	3D	SSAO	3.7.0	Back To Top	Middle Level	Custom Render Pipeline

SSR

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.27	3D	SSR	3.7.0	Back To Top	Middle Level	Custom Render Pipeline

Sonar

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.28	3D	Sonar	3.7.0	Back To Top	Middle Level	Empty

CartoonWater

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.29	3D	Cartoon Water	3.7.0	Back To Top	Middle Level	Empty

CartoonWaterHigh

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
2.30	3D	High Cartoon Water	3.7.1	Back To Top	Middle Level	Empty

Transition

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.1	2D	Transition (Sprite)	3.7.0	Back To Top	Low Level	Empty

MoonStar

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.2	2D	Moon And Star	3.7.0	Back To Top	Low Level	Empty

ArrowGuideLine

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.3	2D	Arrow Guide Line	3.7.0	Back To Top	Low Level	Empty

MovingBackground

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.4	2D	Moving Background	3.7.0	Back To Top	Low Level	Empty

RectDraw

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.5	2D	Rect Head Loading	3.7.0	Back To Top	Low Level	Empty

River

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.6	2D	River	3.7.0	Back To Top	Low Level	Empty

CardPerspective

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.7	2D	Card Perspective	3.7.0	Back To Top	Low Level	Empty

ValentineDay

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.8	2D	Valentine Day	3.7.0	Back To Top	High Level	mac 12.4 Chrome FPS: 4

AmazingColor

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.9	2D	Amazing Color	3.7.0	Back To Top	Middle Level	Empty

Obsession

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.10	2D	Obsession	3.7.0	Back To Top	Low Level	Empty

LightCircle

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.11	2D	Light Circle	3.7.0	Back To Top	Low Level	Empty

LightNet

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.12	2D	Light Net	3.7.0	Back To Top	Low Level	Empty

LightRun

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.13	2D	Light Run	3.7.0	Back To Top	Low Level	Empty

HeartBeat

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.14	2D	Heart Beat	3.7.0	Back To Top	Low Level	Empty

SuperMario

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.15	2D	Super Mario (Sprite)	3.7.0	Back To Top	High Level	Empty

SwirlingDots

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.16	2D	Swirling Dots	3.7.0	Back To Top	Low Level	Empty

DeformFlower

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.17	2D	Deform Flower	3.7.0	Back To Top	Low Level	Empty

StarBackground

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.18	2D	Star Background	3.7.0	Back To Top	Low Level	Empty

Grassy

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.19	2D	Grassy (Sprite)	3.7.0	Back To Top	Middle Level	Empty

GlowCircle

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.20	2D	Glow Circle	3.7.0	Back To Top	Middle Level	Empty

Tweaked

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.21	2D	Tweaked	3.7.0	Back To Top	Low Level	Empty

ShaderBook

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.22	2D	Shader Book Effect	3.7.0	Back To Top	Low Level	包含 26 种基础特效

Rain

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.23	2D	Rain	3.7.0	Back To Top	Middle Level	Empty

Cloud

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.24	2D	Clouds	3.7.0	Back To Top	Middle Level	Empty

Smile

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.25	2D	Draw Smile	3.7.0	Back To Top	Low Level	Empty

EmojiSmile

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.26	2D	Emoji Style Smile	3.7.0	Back To Top	Middle Level	Empty

Clover

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.27	2D	Clover	3.7.0	Back To Top	Low Level	Empty

ColorCircle

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.28	2D	Color Circle	3.7.0	Back To Top	Low Level	Empty

HeadFrame

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.29	2D	Head Frame	3.7.0	Back To Top	Low Level	Empty

OuterEdgeOfText

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
3.30	2D	Outer Edge Of Text	3.7.0	Back To Top	High Level	From：shadertoy.com

Octagrams

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.1	2D	Octagrams	3.7.0	Back To Top	Low Level	From：shadertoy.com

FractalTrees

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.2	2D	Fractal Trees	3.7.0	Back To Top	High Level	From：shadertoy.com

PlasmaGlobe

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.3	2D	Plasma Globe	3.7.0	Back To Top	High Level	From：shadertoy.com

StarNest

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.4	2D	Star Nest	3.7.0	Back To Top	Low Level	From：shadertoy.com

CyberFuji

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.5	2D	Cyber Fuji	3.7.0	Back To Top	Middle Level	From：shadertoy.com

RetroSun

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.6	2D	Retro Sun	3.7.0	Back To Top	Low Level	From：shadertoy.com

DownTheDrain

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.7	2D	Down The Drain	3.7.0	Back To Top	Low Level	From：shadertoy.com

UniverseWithin

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.8	2D	The Universe Within	3.7.0	Back To Top	Low Level	From：shadertoy.com

SpriteGradient

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.9	2D	Sprite Gradient	3.7.0	Back To Top	Low Level	Empty

SpriteShadow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.10	2D	Sprite Shadow	3.7.0	Back To Top	Low Level	Empty

ReelUnfoldingAndClosing

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.11	2D	Reel Unfolding And Closing	3.7.0	Back To Top	Low Level	Empty

EdgeHighLight

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.12	2D	Edge High Light	3.7.0	Back To Top	Low Level	Empty

CloakOfTheUnderworld

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.13	2D	Cloak Of The Underworld	3.7.0	Back To Top	Low Level	Empty

Fog2D

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.14	2D	2D Fog	3.7.0	Back To Top	Low Level	Something Wrong in macOS Chrome

LabelCocos

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.15	2D	Label Cocos	3.7.0	Back To Top	Middle Level	From：shadertoy.com

Jelly

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.16	2D	Jelly (Sprite)	3.7.1	Back To Top	Low Level	Empty

LightRays2D

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.17	2D	2D Light Rays	3.7.0	Back To Top	Low Level	Empty

Blur2D

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.18	2D	Blur 2D (Sprite)	3.7.0	Back To Top	Low Level	Empty

BlueSea

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.19	2D	Blue Sea	3.7.0	Back To Top	Low Level	From：shadertoy.com

LightAndShadow

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.20	2D	Light And Shadow	3.7.0	Back To Top	Middle Level	From：shadertoy.com

DancingBall

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.21	2D	Dancing Ball	3.7.0	Back To Top	Middle Level	From：shadertoy.com

StrokesAreDancing

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
4.22	2D	Strokes Are Dancing	3.7.0	Back To Top	Middle Level	From：shadertoy.com

CircleAvatar3D

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
5.1	3D	3D Circle Avatar	3.7.0	Back To Top	Low Level	Empty

Hologram

No.	Type	Project	Creator Version	Back To Top	Mode	Mark
5.2	3D	Hologram	3.7.0	Back To Top	Low Level	Empty