-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (80 loc) · 2.77 KB
/
index.html
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<script src="libs/jquery/jquery.min.js"></script>
<script src="libs/Crux/Arguments.js"></script>
<script src="libs/Crux/Proto.js"></script>
<script src="libs/Crux/Object.js"></script>
<script src="libs/Crux/Array.js"></script>
<script src="libs/Crux/Array+Path.js"></script>
<script src="libs/Crux/String+Path.js"></script>
<script src="libs/Crux/String.js"></script>
<script src="libs/Crux/Number.js"></script>
<script src="libs/Crux/Date.js"></script>
<script src="libs/Crux/Time.js"></script>
<script src="libs/three.js/three.min.js"></script>
<script src="libs/tween/Tween.js"></script>
<script src="libs/keypress/keypress.js"></script>
<script src="libs/leapmotion/leap.min.js"></script>
<script src="js/base/Mover.js"></script>
<script src="js/base/Thing.js"></script>
<script src="js/base/Group.js"></script>
<script src="js/movers/Movers.js"></script>
<script src="js/items/Square.js"></script>
<script src="js/items/Cube.js"></script>
<script src="js/items/ScanLines.js"></script>
<script src="js/groups/BackgroundGroup.js"></script>
<script src="js/groups/SquaresGroup.js"></script>
<script src="js/groups/CubesGroup.js"></script>
<script src="js/groups/ScanLinesGroup.js"></script>
<script src="js/shaders/BokehShader2.js"></script>
<!--
<script src="js/interfaces/Keyboard.js"></script>
-->
<script src="js/interfaces/LeapMotion.js"></script>
<script src="js/Visual.js"></script>
<script src="js/main.js"></script>
<!-- Shaders -->
<script type="x-shader/x-vertex" id="vertexShader">
varying vec2 vUv;
uniform float delta;
uniform float scale;
uniform float alpha;
void main()
{
vUv = uv;
vec3 p = position;
p.z += sin(2.0 * p.y + delta) * 5.0;
p.z += cos(2.0 * p.z + delta / 2.0) * 5.0;
p.z += cos(2.0 * p.x + delta) * 5.0;
p.x += sin(p.y + delta / 2.0) * 10.0;
vec4 mvPosition = modelViewMatrix * vec4(scale * p, 1.0 );
gl_Position = projectionMatrix * mvPosition;
}
</script>
<script type="x-shader/x-vertex" id="fragmentShader">
#ifdef GL_ES
precision highp float;
#endif
uniform float delta;
uniform float alpha;
varying vec2 vUv;
void main(void)
{
vec2 position = vUv;
float red = 0.0;
float green = 0.0;
float blue = 0.0;
vec3 rgb = vec3(red, green, blue);
vec4 color = vec4(rgb, alpha);
gl_FragColor = color;
}
</script>
</body>
</html>