zhangzl
/
rongxin.nongjing.expo

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

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=0.8">
  <!-- <link rel="icon" href="./zyic.ico"> -->
  <title>中农融信</title>

</head>

<body>
  <noscript>
    <strong>We're sorry but mine doesn't work properly without JavaScript enabled. Please enable it to
      continue.</strong>
  </noscript>
  <div id="app"></div>
  <script>
  </script>
  	<script id="vertexShader" type="x-shader/x-vertex">
      varying vec2 vUv;
        attribute float percent;
        uniform float u_time;
        uniform float number;
        uniform float speed;
        uniform float length;
        varying float opacity;
        uniform float size;
        void main()
        {
            vUv = uv;
            vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
            float l = clamp(1.0-length,0.0,1.0);
            gl_PointSize = clamp(fract(percent*number + l - u_time*number*speed)-l ,0.0,1.) * size * (1./length);
            opacity = gl_PointSize/size;
            gl_Position = projectionMatrix * mvPosition;
        }
    </script>
      <!-- fragment shader a.k.a. pixel shader -->
      <script id="fragmentShader" type="x-shader/x-vertex">
      #ifdef GL_ES
        precision mediump float;
        #endif
        varying float opacity;
        uniform vec3 color;
        void main(){
            if(opacity <=0.2){
                discard;
            }
            gl_FragColor = vec4(color,1.0);
        }
    </script>
  <!-- built files will be auto injected -->
</body>

</html>