【Unity知识搬运】任意两张带透明图像的一种形状过渡效果
来源:互联网 发布:为什么要用react.js 编辑:程序博客网 时间:2024/06/07 18:30
原文:李总的博客 - http://www.cnblogs.com/crazylights/p/3782565.html
一直想要一个Flash 那种形状渐变效果,这两天苦思冥想了一番实现了,先看效果。
一开始是往把贴图alpha通道识别成路径,建模想办法拉顶点的方向去,想来想去不是个好办法,后来还是决定直接基于位图实现,尽量采用gpu可以处理的方式。
然后往这边思考后,脑子里就浮现出了ditance field 这个概念,alpha表达的还是颜色,直接插值alpha会呈现出颜色渐变的结果。
而distance field 反映的是离边的远近,插值他就会呈现出每个像素离边的距离的变化。
确定方案后就是实现了。
我采用的方案是把原图的alpha通道替换掉,存成距离。这个过程比较慢,要提前进行。
这个步骤的代码如下:
主要是将每个alpha值替换为离边的距离,在形状内>128,离边越远越大,在形状外<128,离边越远越小
然后在使用的时候就完全可以gpu来解决了,对unity来说,写个shader就可以了
普通的diffuseshader,在输出alpha值的地方改一下就可以了,每个alpha的值设计是>128 就是不透明,否则就是透明。
shader代码就这么一句
c.a =step(stepvalue,c.a);
我们设置的是128,对shader来说 就是 stepvalue 取0.5;
stepvalue 也是可以修改的,stepvalue变小就会呈现出膨胀的效果,如上面的效果。
阅读全文
0 0
- 【Unity知识搬运】任意两张带透明图像的一种形状过渡效果
- 任意形状图像、图形
- unity。。动画机满足过渡条件的anystate向任意状态过渡失效
- Java创建透明与任意形状窗口
- Java创建透明与任意形状窗口
- 基于图像形状的一种比较漂亮的分类算法
- 基于图像形状的一种比较漂亮的分类算法
- 基于图像形状的一种比较漂亮的分类算法
- 【Unity知识搬运】将一个表达式转换为逆波兰式的具体算法思想
- OpenCV截取图像ROI,任意形状
- 基于OpenCV的视频图像组态 (6): 形状动画效果
- C#截取图像中的任意部位任意形状
- CSS3的过渡效果
- Vue的过渡效果
- Vue的过渡效果
- CSS3的过渡效果
- 用java打造任意形状窗口和透明窗口
- java打造任意形状窗口和透明窗口
- 廖雪峰《python3 基础教程》读书笔记——第十五十六十七章
- 技术文章 | 循环递归RNN_序列建模套路深(深度学习入门系列之十三)
- socket C/C++编程(5)服务器端允许用户连接之listen()函数
- Oracle优化SQL技法—降龙十八掌
- 使用Eclipse + OpenCV + C++ 环境搭建(二)
- 【Unity知识搬运】任意两张带透明图像的一种形状过渡效果
- forward(转发)与redirect(重定向)的区别
- 替代报错,出口不存在时的解决办法
- SYBASE ASE代理表的应用
- 跟大佬看未来--设计师转型三部曲
- Problem
- 廖雪峰《python3 基础教程》读书笔记——第十八章 网络编程
- 给新手设计师的10条建议
- js 完整的非空判断