ps滤镜之旋转扭曲算法实现

本文介绍了捕鱼达人3开场动画中类似Photoshop旋转扭曲的3D漩涡效果实现方法。通过在vert着色器中进行扭曲变换,并在颜色着色器中应用变化因子,使场景产生旋转扭曲的视觉效果。代码中,利用距离中心点的百分比作为角加速度的依据,创建变换矩阵进行点的扭曲。最终,实现了动态调整参数的漩涡效果。
摘要由CSDN通过智能技术生成

      最近捕鱼达人3的发布 ,人气比较高,由于前2部作品已经有一大群“粉丝”,所以此次3代再发布就受到很多关注。就画面3代是3d的效果,加上一些特殊效果,在画面质量上有了一定的提升。本文讲述一下捕鱼3的开场漩涡实现方法,它类似ps的旋转扭曲效果,只是程序中可以动态改变参数,实现像漩涡一样的效果。

      首先,进入主场景的时候,将整个场景渲染到一个节点中,然后执行shader操作,vert着色器将所有的点进行扭曲变换,在颜色着色器乘以一个沿着中心点变化的因子,使得越靠近中心点,颜色逐渐变成白色或者透明。

      为了将扭转力具体化,这里我将它看出角加速度,假设靠近中心点的距离在一定范围内用百分比表示,比如在400个单位的范围,距离中心点100的点就是100/400=0.25,将它用do表示。假如扭力在距离中心点100的地方是最大的,然后向两边越来越少,这样就会形成旋转扭曲的效果。

        float d=sqrt(ja_position.x*ja_position.x+ja_position.y*ja_position.y);

float d0=d/400;

        float w=0.1+(1-(do-0.25)*(do-0.25))*force;

        float c=cos(w);

float s=sin(w); 

mat4 m1=mat4(c,s,0,0,-s,c,0,0,0,0,1

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值