3:dc65da9d084c default tip
Anton Shestakov <engored@ya.ru>, Sun, 10 Nov 2013 01:50:16 +0900
Better name for a demo.
previous change index.html@2:146717977795

demo.html

Permissions: -rw-r--r--

File Latest Revisions Annotate Diff Comparison
Other formats:
JSON Raw
Feeds:
Atom RSS 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flowsnake</title>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-nr-min.css">
    <link rel="stylesheet" href="demo.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="flowsnake.js"></script>
  </head>
  <body>
    <pre></pre>
    <div></div>
    <script>
      $(function() {
        var flowsnake = new Flowsnake($('pre'), 160, 80, 3);
        flowsnake.draw();
        $('pre').css({'left': '50%', 'margin-left': - $('pre').width() / 2});
        var interval = window.setInterval(function() {
          if (!flowsnake.step(true)) {
            window.clearInterval(interval);
          }
        }, 50);
      });
    </script>
  </body>
</html>