Permalink
Browse files

Initial commit

  • Loading branch information...
0 parents commit c5544bf4ed3dab3a3a267704640c0cea84bdc25c @dli committed Sep 5, 2014
Showing with 1,715 additions and 0 deletions.
  1. +7 −0 README.md
  2. +42 −0 index.html
  3. +477 −0 shared.js
  4. +626 −0 simulation.js
  5. +163 −0 ui.js
  6. +191 −0 waves.css
  7. +209 −0 waves.js
@@ -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.
@@ -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>
Oops, something went wrong.

0 comments on commit c5544bf

Please sign in to comment.