-
Notifications
You must be signed in to change notification settings - Fork 14
/
vortex.html
44 lines (37 loc) · 1.7 KB
/
vortex.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
<!doctype html>
<head>
<title>LIC - Vector Field Visualization</title>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="all" type="text/css" href='style.css' />
</head>
<body>
<div id="fallback" class="fallback"></div>
<div id="container">
<div id="title">
<h1>F(x, y) = (-y, x) visualization via texture advection</h1>
</div>
<div class='description'>
This visualization implements the techniques in <a target='_blank' href='http://www.cs.ucdavis.edu/~ma/ECS276/readings/Jobard_TVCG02.pdf'>Lagrangian-Eulerian Advection of Noise and Dye Textures
for Unsteady Flow Visualization</a> to visualize a simple vector field.
</div>
<div class='canvas-container'>
<canvas id='canvas'></canvas>
</div>
</div>
<div class="footer">
Copyright © <a href='http://twitter.com/'>Twitter, Inc.</a> - Author: <a href="http://philogb.github.com/">Nicolas Garcia
Belmonte</a>.
</div>
<script src='js/PhiloGL.js'></script>
<script src='js/noisetexturelic.js'></script>
<script>
if (!PhiloGL.hasWebGL() || !PhiloGL.hasExtension('OES_texture_float')) {
document.body.className = 'no-webgl';
document.getElementById('fallback').innerHTML = ''
+ '<div style="margin:10px;">'
+ 'Your browser (or hardware) does not support WebGL (or floating point textures). Go <a href="http://get.webgl.org">here</a> to find more information.'
+ '</div>'
+ '<iframe width="480" height="360" src="http://www.youtube.com/embed/hx2mzR6cf5s?rel=0" frameborder="0" allowfullscreen></iframe>';
}
</script>
</body>