注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

穷到掉渣的超级奶爸阿赵

阿赵的博客

 
 
 

日志

 
 

模仿炉石传说的金卡效果  

2015-05-04 13:34:29|  分类: Unity教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
模仿炉石传说的金卡效果 - 阿赵 - 穷到掉渣的超级奶爸阿赵
我自己没玩炉石传说,不过最近看同事玩,发现他的金卡效果非常的生动,于是研究了一下怎样做的。上面的草薙京就是模拟效果了。
首先说说我自己的做法,最后再说说炉石本身的做法。
这里我准备了几个东西:
1、草薙京原图+背景,一张图
2、遮罩图
3、几个动态的序列帧图
模仿炉石传说的金卡效果 - 阿赵 - 穷到掉渣的超级奶爸阿赵
原图是这样的,我上网随便找了张草薙京的图和一个背景,叠在了一起,jpg

模仿炉石传说的金卡效果 - 阿赵 - 穷到掉渣的超级奶爸阿赵
然后自己很恶心的画了个遮罩,用到的其实是rgba这4个颜色,还有一个a通道这里没有表现出来,格式是tga之类带通道的 

序列图就是一些火焰之类的了,做成了图集。
有了这些素材后,我写了个shader。这个shader的作用有三个:
1、通过遮罩图的rgba来过滤叠加的显示范围
2、使用shader来播放序列帧动画
3、可以通过uv便宜来微调序列帧在画面中的大概位置
就这样,效果出来了:
模仿炉石传说的金卡效果 - 阿赵 - 穷到掉渣的超级奶爸阿赵

再说说炉石传说的做法。
炉石的做法大体上也和我这个差不多,也是使用了原图和4通道的遮罩图。由于是4通道的遮罩图,所以一张图片上面最多只能叠加4种特效了。然后炉石的卡片特效大概包括了这些类型:
1、序列帧动画
2、uv偏移动画
3、扭曲效果
4、移动动画
5、发光效果
等等

为什么说等等呢?那是因为炉石的shader 都是根据需要来逐个写的,比如说,你需要一个卡包含了序列帧、uv、发光这三个效果,他会写一个针对性的shader。如果你下次需要的是扭曲、移动的效果,他又会重新写一个shader。所以在不嫌麻烦的情况下,原则上是可以无限的扩展这些效果的。
而我由于懒,而且技术不好,所以4个通道都简单的使用了序列帧动画而已。
 
 
 
  评论这张
 
阅读(2378)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016