webgl波动的线条效果

代码语言:html

所属分类:背景

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  margin: 0;
  overflow: hidden;
}
</style>

</head>
<body translate="no">
<canvas></canvas>
<script type='glsl/vertex'>
  attribute vec2 coords;
  void main(void) {
    gl_Position = vec4(coords.xy, 0.0, 1.0);
  }
</script>
<script type='glsl/fragment-lines'>precision highp float;
    #define PI 3.14159265359
    uniform float time; 
    uniform vec4 mr;

    vec3 hash(vec3 p) { 
        float n = sin(dot(p, vec3(7, 157, 113)));    
        return fract(vec3(2097152, 262144, 32768)*n)*2. - 1.;
    }

    float noised(in vec3 p){
        vec3 i = floor(p + dot(p, vec3(0..........完整代码请登录后点击上方下载按钮下载查看

网友评论0