农经大屏
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

62 lines
1.7 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=0.8">
  7. <!-- <link rel="icon" href="./zyic.ico"> -->
  8. <title>农村资源资产清查监管系统</title>
  9. <script>
  10. </script>
  11. <style>
  12. </style>
  13. </head>
  14. <body>
  15. <noscript>
  16. <strong>We're sorry but mine doesn't work properly without JavaScript enabled. Please enable it to
  17. continue.</strong>
  18. </noscript>
  19. <div id="app"></div>
  20. <script>
  21. </script>
  22. <script id="vertexShader" type="x-shader/x-vertex">
  23. varying vec2 vUv;
  24. attribute float percent;
  25. uniform float u_time;
  26. uniform float number;
  27. uniform float speed;
  28. uniform float length;
  29. varying float opacity;
  30. uniform float size;
  31. void main()
  32. {
  33. vUv = uv;
  34. vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
  35. float l = clamp(1.0-length,0.0,1.0);
  36. gl_PointSize = clamp(fract(percent*number + l - u_time*number*speed)-l ,0.0,1.) * size * (1./length);
  37. opacity = gl_PointSize/size;
  38. gl_Position = projectionMatrix * mvPosition;
  39. }
  40. </script>
  41. <!-- fragment shader a.k.a. pixel shader -->
  42. <script id="fragmentShader" type="x-shader/x-vertex">
  43. #ifdef GL_ES
  44. precision mediump float;
  45. #endif
  46. varying float opacity;
  47. uniform vec3 color;
  48. void main(){
  49. if(opacity <=0.2){
  50. discard;
  51. }
  52. gl_FragColor = vec4(color,1.0);
  53. }
  54. </script>
  55. <!-- built files will be auto injected -->
  56. </body>
  57. </html>