cocos-awesome
cocos是一款非常棒的游戏引擎,我在这个仓库实现了一些游戏中常用的功能模块,每个功能对应一个场景,使用的引擎版本是v2.3.0
,理论上兼容到v2.3.x
及以上版本,实现思路都在doc
目录中。
目前已实现效果
水波扩散(shader) 镜面光泽(shader) 圆形头像(shader) 溶解效果(shader) 刮刮卡实现 金币落袋效果 放大镜效果 追光效果(shader) 打字机效果 子弹跟踪效果 移动残影效果 背景无限滚动 遥控杆 马赛克/像素风(shader) 渐变过渡的相册(shader) 2D换装 震屏效果+动画恢复第一帧
预览二维码
融球效果(shader)
元球也叫融球,它能够让两个球体产生"黏糊糊"的效果,是流体,融合等效果的实现基础,这次实现的demo是一个固定的大圆,然后手指控制一个游离态的小圆
水波扩散(shader)
水波扩散是一个比较好看的交互效果,特别是在某些以水为故事发生场景的游戏中,扩散的水波会让场景更加栩栩如生。
镜面光泽(shader)
镜面上扫过一道光泽是UI里面很常用的一种特效,通常用来强调某个物体或者凸显物体的"稀有"价值,比如卡片中扫过一道光芒等
追光效果(shader)
追光效果是在舞台全场黑暗的情况下用光柱突出角色或其他特殊物体,通过人为操控光源跟随人物移动,主要用来突出角色主体以及主体和环境的关系。在游戏中可以用来突出氛围以及聚焦玩家视线焦点,不仅可以用来营造沉浸式氛围,也可以用在解谜或者找物品等类别的游戏中。
马赛克/像素风(shader)
马赛克是一种常用的图像处理手段,主要功能就是使图像模糊,因为这种模糊看上去有一个个的小格子组,便形象的称这种画面为马赛克。当马赛克越来越小的时候,画面呈现出来的效果也叫像素风。
溶解效果(shader) 物体的淡入淡出是游戏中常见的状态切换效果。但有时我们希望淡入淡出时,物体能有更丰富的色彩层次感或其他特殊中间状态,这就需要自己编写着色器,这种效果可以称为"溶解"。
圆形头像(shader) Creator中没有提供圆形头像,但这是一个比较高频使用的功能。
刮刮卡实现 生活中常使用到的奖券、优惠券等需要刮刮卡效果。
金币落袋效果 游戏中常用的动画效果,金币从初始点散开,逐个飞落到指定位置。
放大镜效果 对画面某区域进行放大缩小,是游戏中常见的功能,如地图缩放、局部细节放大等。
打字机效果 文字逐个在屏幕中显示,直到整段话说完,常用于人物对话、角色旁白、引导教程等场景。
子弹跟踪效果 打击目标一直在移动,但子弹却像有眼睛一样精准尾随,直到击中目标,是打击类游戏中经典武器之一。
移动残影效果 游戏中人物移动带起残影,用来表达速度,异名在"白玉无冰"的基础上添加了自己的理解。
颜色滤镜 手机上的照片处理软件中,滤镜是不可或缺的一部分,我们可以尝试一些简单的滤镜算法,初探色彩处理。
背景无限滚动 游戏中常用的功能模块,可以通过很长的背景图移动相机,或实现跑马灯式的轮播图。
遥控杆 游戏中常用的功能模块,通过操控遥控杆控制物体移动。
渐变过渡的相册(shader) 相册常见的是跑马灯式轮播,这里提供一种利用shader实现图片渐变过渡的相册思路。