水面倒影波动效果

代码语言:html

所属分类:视觉差异

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>

<title>Image Distort</title>
<style>
 
.show {
 
position: absolute;
 
width: 100vw;
 
height: 100vh;
 
top: 50%;
 
left: 50%;
 
transform: translate(-50%,-50%);
}
</style>

</head>
<body translate="no">
<canvas id="glslCanvas" data-textures='http://repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png' data-fragment="
#ifdef GL_ES
precision lowp float;
#endif

#define TAU 6.28318530718

uniform vec2 u_resolution;
uniform vec2 u_mouse;
uniform float u_time;
uniform sampler2D u_tex0;

vec2 aspect = vec2(u_resolution.x / u_resolution.y, u_resolution.y / u_resolution.x);

float noise(vec2 pos, float a) {
    return (fract(sin(dot(pos.xy, vec2(12.9898,78.233))) * 43758.5453123) * a) - (a * 0.5) ;
}

float noiseMod(vec2 pos, float n, float a) {
    return clamp(n + noise(pos, a), 0.0, 1.0);
}

float normalSin(float t, float min, float max) {.........完整代码请登录后点击上方下载按钮下载查看

网友评论0