Shader特效——“一维帧动画” 效果 【GLSL】

参考自：https://www.shadertoy.com/view/lsX3Rr

 

iChannel0是一幅由一系列连贯动作的彩虹猫组成的图像，如下图所示

 

ichannel1是任意一副背景图像

 

效果图

 

GLSL代码与算法注释如下：

 

uniform float iGlobalTime;
uniform sampler2D iChannel0;
uniform sampler2D iChannel1;

vec2 iResolution = vec2(512., 512.);

void main()
{
    vec2 p = vec2(gl_FragCoord.x/ iResolution.x,  gl_FragCoord.y/ iResolution.y) ;
   // 背景滚动的uv
   vec2 uv = vec2( p.x+mod(i