注:本文介绍的Shader来自于油管视频,有条件、听得懂英文(真不是很难)的童鞋建议点下链接去给原po点个赞
前言
本文介绍的Shader来自于油管视频——Shaders Case Study - Pokémon Battle Transitions
有条件、听得懂的童鞋建议去给原po点个赞
最近看了大半本书,还在跟阴影光照纠缠不清,一个Shader都写不出来
这个视频7分钟介绍了N种宝可梦的战斗切屏动画,而且是真的在7分钟内讲清楚的!
照搬思路,一些简单动画就成型了
效果
看起来很好像有点复杂有木有
换做以前,我只能让美术做个全屏的Spine动画盖上去,或者拿几个黑色色块写一连串动画
这样对做法一来麻烦(尤其上自己写动画),二来不够灵活,换个表现就要重新做
那,换成Shader呢?
几行代码即可实现上面的效果。并且一句代码都不用改,就可以换成下面的效果
很神奇有木有
原理
先退一万步,讨论一个最简单的效果,从左往右黑掉的切屏动画
之前提过的spine动画、黑色色块的方案就不提了,除了旋涡的那个效果其他的也可以实现,不过这不是这篇文章的重点。
屏幕后处理
那用Shader怎么做?
再退几步,考虑Shader怎么写之前,先来考虑下Shader要对谁做操作?
盖一张图?可行。
但是如果切屏效果要与场景中