欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Shader特效——实现“百叶窗”【GLSL】

程序员文章站 2022-06-01 16:54:13
...

 

效果图:

 

Shader特效——实现“百叶窗”【GLSL】
静态图

 

Shader特效——实现“百叶窗”【GLSL】
动态图

 

代码及详解:

代码很简单,让我们直接来看代码 

varying vec2 texcoord;

// uniform float iGlobalTime;
// uniform vec2 iResolution;

#define PI 3.1415926f
#define PIx2 2.*PI
#define PI_HALF PI/2.

#iChannel0 "file://./yeah_0.jpg"
#iChannel1 "file://./yeah.jpg"

void main()
{
    vec2 uv = gl_FragCoord.xy / iResolution.xy;
    float sinDegree = sin(PI_HALF * iTime);
    float sinDegreeOffset = si