[持续更新] 异名的小功能汇总贴

异名这段时间陆陆续续在学习和整理一些小功能,异名把他们划分为两类,一类是shader的,一类是平时的常用功能。因为也积累到一定的数量了,所以异名就建了这个贴,后面也会在这个贴上继续更新(直接star仓库或者关注公众号是能最及时收到更新的

融球效果(shader)

元球也叫融球,它能够让两个球体产生“黏糊糊”的效果,是流体,融合等效果的实现基础,异名这次实现的demo是一个固定的大圆,然后手指控制一个游离态的小圆

跳转地址

demo

水波扩散(shader)

水波扩散是一个比较好看的交互效果,特别是在某些以水为故事发生场景的游戏中,扩散的水波会让场景更加栩栩如生。

跳转地址

demo

镜面光泽(shader)

镜面上扫过一道光泽是UI里面很常用的一种特效,通常用来强调某个物体或者凸显物体的“稀有”价值,比如卡片中扫过一道光芒等

跳转地址

demo

追光效果(shader)

追光效果是在舞台全场黑暗的情况下用光柱突出角色或其他特殊物体,通过人为操控光源跟随人物移动,主要用来突出角色主体以及主体和环境的关系。在游戏中可以用来突出氛围以及聚焦玩家视线焦点,不仅可以用来营造沉浸式氛围,也可以用在解谜或者找物品等类别的游戏中。

跳转地址

马赛克/像素风(shader)

马赛克是一种常用的图像处理手段,主要功能就是使图像模糊,因为这种模糊看上去有一个个的小格子组,便形象的称这种画面为马赛克。当马赛克越来越小的时候,画面呈现出来的效果也叫像素风。

跳转地址

demo

溶解效果(shader)

物体的淡入淡出是游戏当中很常见的一种状态切换效果,但是有时候我们希望fade切换的时候,物体能够能更有色彩层次感或者其他一些特殊的中间状态,这个时候就得自己去写着色器,这种区别于单纯的淡入和淡出的效果可以形象地叫做溶解。

跳转地址

demo

圆形头像(shader)

圆形头像在creator中没有提供,但是这个又是个比较高频的使用功能。

跳转地址

刮刮卡实现

奖券,优惠券什么的就需要用到刮刮卡的效果了,大家生活里都使用过。

跳转地址

Scratch_ticket

金币落袋效果

金币从初始点散开然后逐个飞落到指定的位置,这是游戏里面很常用的一个动画,效果如下

跳转地址

金币落袋

放大镜效果

对画面的某个位置进行放大和缩小,是某些类型游戏里面必不可少的功能,比如常见的地图缩放,局部细节放大等等。它核心是对相机应用,异名基于此实现一个放大镜的demo

跳转地址

demo

打字机效果

打字机效果也就是让文字逐个在屏幕中显示,直到把整段话说完,常常被应用到人物对话,角色旁白甚至引导教程等高频场景中。

跳转地址

子弹跟踪效果

打击的目标一直在移动,但是子弹却像长了眼睛一样在后面尾随,直到精准击中目标。这种“长了眼睛的子弹”,是打击类游戏中比较经典的武器之一。

跳转地址

demo

移动残影效果

游戏中的人物移动带起残影,用来表达速度是很有视觉表现力的。异名的实现思路是从“白玉无冰”那里照搬过来的,在具体的实现上面添加了一些异名自己的理解。

跳转地址

demo

颜色滤镜

我们手机上有很多照片处理软件,图片滤镜是里面不可或缺的一部分,我们可以先尝试一些很简单的滤镜的算法,管中窥豹地去认识一下色彩的处理

跳转地址

背景无限滚动

这是游戏里面很常用的一个功能模块,它就像你的生活,有着走不完的路程。它的实现也很简单,要么做一个很长的背景图,然后移动相机;要么就是实现一个跑马灯,像那些轮播图什么的,大家应该都有写过

跳转地址

demo

遥控杆

这是游戏里面很常用的一个功能模块,通过操控遥控杆控制物体的移动

跳转地址

Joystick

渐变过渡的相册(shader)

相册是一个大家比较熟悉的场景,一般我们是实现的都是那种跑马灯式的轮播相册,这里异名给大家提供一个利用shader实现图片渐变过渡的相册思路

跳转地址

demo


:warning::warning::warning::warning::warning::warning::warning::warning::warning::warning:

以上所有功能实现基于2.3.0版本,理论上2.3.x都适用

源码仓库https://github.com/ifengzp/cocos-awesome

在线预览https://cocos-awesome.ifengzp.com/

预览二维码

preview

44赞

支持,实用

必须给大佬撑场面!

赞够五个字!

mark2222

这个很实用,666

:test: 厉害 !

很赞!!!!

2020.06.07 新增渐变过渡的相册(shader)

相册是一个大家比较熟悉的场景,一般我们是实现的都是那种跑马灯式的轮播相册,这里异名给大家提供一个利用shader实现图片渐变过渡的相册思路

跳转地址

demo

1赞

666厉害厉害

冲!啊!厉害

#niubility

niubility

赞赞赞 666

:+1:膜拜一下

大佬很生猛,顶一波.

NB, 效果很适用

赞赞赞赞赞赞赞赞

大佬,github地址不能打开了

很实用的功能,点赞:+1: