mirror of
https://gitee.com/yeshao2069/cocos-creator-shader.git
synced 2026-05-07 00:59:56 +08:00
CocosCreatorShader
Write by yeshao2069.
CocosCreatorShader intends to help users who do not know Shader quickly understand how to use Cocos Effect.
Cocos Creator v3.4.x
QuickLinks
| 编号 | 类目 | 项目 | 备注 | 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|---|---|---|---|
| 1 | 2D | 图片闪光 | 2 | 2D | 受击闪白 | ||
| 3 | 2D | 物体内发光 | 4 | 2D | 高斯模糊 | ||
| 5 | 2D | 圆形头像 | 6 | 2D | 图片溶解 | ||
| 7 | 2D | 图片效果合集 | 8 | 2D | 渐变过渡的相册 | ||
| 9 | 2D | 马赛克 | 10 | 2D | 镜面光泽 | ||
| 11 | 2D | 水面波纹 | 12 | 2D | 灯光跟随 | ||
| 13 | 2D | 融球 | 14 | 2D | 图片消融 | ||
| 15 | 2D | 2D 灯光 | 16 | 3D | 人物护盾 | ||
| 17 | 2D | 咪牌 | 18 | 2D | 按钮流光 | ||
| 19 | 2D | 彩虹 | 20 | 2D | 动态光影 | ||
| 21 | 2D | 图片高亮 | 支持图片、Spine、龙骨动画 | 22 | 3D | 模型高亮 | 支持骨骼动画、静态模型 |
| 23 | 2D | 植物受风摆动 | 24 | 2D | 自定义头像 | ||
| 25 | 2D | 加载 | 26 | 2D | 波浪 | ||
| 27 | 2D | 曲线波浪 | 28 | 3D | 模型遮挡透视 | ||
| 29 | 2D | UI内发光2 | 30 | 2D | 加载-增强 | ||
| 31 | 2D | UI外发光 |
Examples
SpriteFlashLight
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 1 | 2D | 图片流光 | 返回顶部 |
HitWhite
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 2 | 2D | 受击闪白 | 返回顶部 |
GlowInner
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 3 | 2D | UI内发光 | 返回顶部 |
GaussianBlur
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 4 | 2D | 高斯模糊 | 返回顶部 |
CircleAvatar
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 5 | 2D | 圆形头像 | 返回顶部 |
SpriteDissolve
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 6 | 2D | 图片溶解 | 返回顶部 |
SpriteFilter
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 7 | 2D | 图片效果合集 | 返回顶部 |
GradualTransitionalAlbum
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 8 | 2D | 渐变过渡的相册 | 返回顶部 |
SpriteMosaic
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 9 | 2D | 马赛克 | 返回顶部 |
SpriteStreamer
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 10 | 2D | 镜面光泽 | 返回顶部 |
WaterSpread
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 11 | 2D | 水面波纹 | 返回顶部 |
FollowSpot
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 12 | 2D | 灯光跟随 | 返回顶部 |
Metaball
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 13 | 2D | 融球 | 返回顶部 |
SpriteAblation
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 14 | 2D | 图片消融 | 返回顶部 |
Sprite2DLight
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 15 | 2D | 2D灯光 | 返回顶部 |
RoleShield
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 16 | 3D | 人物护盾 | 返回顶部 |
DrawCard
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 17 | 2D | 摸牌 | 返回顶部 |
ButtonAmbilight
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 18 | 2D | 按钮流光 | 返回顶部 |
SpriteDrawRainbow
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 19 | 2D | 彩虹 | 返回顶部 |
SpriteDynamicLightAndShadow
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 20 | 2D | 动态光影 | 返回顶部 |
SpriteHighLight
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 21 | 2D | 图片高亮 | 返回顶部 |
RoleHighLight
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 22 | 3D | 模型高亮 | 返回顶部 |
WindBlowingThrough2D
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 23 | 2D | 植物受风摆动 | 返回顶部 |
SpriteRadiusShader
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 24 | 2D | 自定义头像 | 返回顶部 |
SpriteLoading
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 25 | 2D | 加载 | 返回顶部 |
SpriteWave
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 26 | 2D | 波浪 | 返回顶部 |
SpriteSineWave
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 27 | 2D | 曲线波浪 | 返回顶部 |
OcclusionPerspective
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 28 | 3D | 模型遮挡透视 | 返回顶部 |
GlowInnerV2
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 29 | 2D | UI内发光2 | 返回顶部 |
SpriteLoadingV2
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 30 | 2D | 加载-增强 | 返回顶部 |
GlowOutter
| 编号 | 类目 | 项目 | 备注 |
|---|---|---|---|
| 31 | 2D | UI外发光 | 返回顶部 |
Mark
Cocos Creator Shader 3.4.x 版本列举效果 31 种，会同步更新到 Cocos Creator Shader 3.5.x 版本，后续 Cocos Creator Shader 3.4.x 将不会同步新的效果，请移步到 3.5.x 版本查看最新效果。