Initial commit

dli · Sep 5, 2014 · c5544bf · c5544bf
commit c5544bf
Show file tree

Hide file tree

Showing 7 changed files with 1,715 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+#Ocean Wave Simulation
+
+![Alt text](http://david.li/images/wavesgithub.png)
+
+[http://david.li/waves](http://david.li/waves) ([video](http://www.youtube.com/watch?v=IrUehq6vJss))
+
+WebGL ocean wave simulation with a CSS 3D UI.
diff --git a/index.html b/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Ocean Wave Simulation</title>
+
+        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
+        <link href="waves.css" rel="stylesheet" type="text/css">
+    </head>
+
+    <body>
+        <div id="overlay"></div>
+        <div id="ui">
+            <div id="camera">
+                <canvas id="profile" width="350" height="105"></canvas>
+                <div id="length"></div>
+                <div id="end"></div>
+                <div id="wind">
+                    <span id="wind-speed"></span><span id="wind-unit"> m/s</span>
+                    <div id="wind-label">WIND</div>
+                </div>
+
+                <div id="size">
+                    <span id="size-value"></span><span id="size-unit"> m</span>
+                </div>
+                <div id="size-label">SIZE</div>
+                <div id="choppiness"></div>
+                <div id="choppiness-label">CHOPPINESS</div>
+            </div>
+        </div>
+        <canvas id="simulator"></canvas>
+
+        <div id="error">Your browser does not appear to support the required technologies. You can still view this on <a href="http://youtu.be/IrUehq6vJss">YouTube</a>.</div>
+
+        <div id="footer"><a href="http://david.li">David.Li</a> | <a href="http://youtu.be/IrUehq6vJss">Video</a></div>
+
+        <script src="shared.js"></script>
+        <script src="simulation.js"></script>
+        <script src="ui.js"></script>
+        <script src="waves.js"></script>
+    </body>
+</html>