cellular/mural.html at master · whichlight/cellular · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <link rel="stylesheet" media="screen" type="text/css" href="style/mural.css">
  </head>
  <body>
      <div id="info"><strong>CELLULAR</strong><br>    Go to <a href="/"
            id="highlight">cell-flight.com</a> on your phone.
 by <a href="http://twitter.com/whichlight">whichlight</a> .
      <a href="http://newamericanpublicart.com">NAPA</a> .
      <a href="https://github.com/whichlight/cellular">code</a>

      </div>

    <script src="libs/jquery-1.10.1.min.js"></script>
    <script src="bower_components/threejs/build/three.min.js"></script>
    <script src="libs/tween.min.js"></script>
    <script src="libs/Sparks.js"></script>
    <script src="libs/CanvasShaders.js"></script>

    <script src="libs/CopyShader.js"></script>
    <script src="libs/FilmShader.js"></script>
    <script src="libs/FocusShader.js"></script>
    <script src="libs/HorizontalBlurShader.js"></script>
    <script src="libs/TriangleBlurShader.js"></script>
    <script src="libs/VerticalBlurShader.js"></script>

    <script src="libs/EffectComposer.js"></script>
    <script src="libs/RenderPass.js"></script>
    <script src="libs/ShaderPass.js"></script>
    <script src="libs/MaskPass.js"></script>
    <script src="libs/BloomPass.js"></script>
    <script src="libs/FilmPass.js"></script>

    <script src="/socket.io/socket.io.js"></script>
    <script src="js/mural.js"></script>

    <script type="x-shader/x-vertex" id="vertexshader">
                attribute float size;
                attribute vec3 pcolor;
                varying vec3 vColor;
                void main() {
                    vColor = pcolor;
                    vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
                    gl_PointSize = size * ( 100.0 / length( mvPosition.xyz ) );
                    gl_Position = projectionMatrix * mvPosition;
                }
    </script>

    <script type="x-shader/x-fragment" id="fragmentshader">
      uniform sampler2D texture;
      varying vec3 vColor;
      void main() {
        vec4 outColor = texture2D( texture, gl_PointCoord );
        gl_FragColor = outColor * vec4( vColor, 1.0 );
      }
    </script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-50932114-1', 'cell-flight.com');
      ga('send', 'pageview');

    </script>

  </body>
</html>