2:087472f67526
Anton Shestakov <av6@dwimlabs.net>, Sat, 12 Mar 2016 22:34:17 +0800
demo: add html pages for Sierpínski arrowhead curve and flowsnake

sierpinski.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>Sierpiński arrowhead curve</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
    <link rel="stylesheet" href="demo.css">
    <script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
    <script src="sierpinski.js"></script>
  </head>
  <body>
    <pre></pre>
    <div></div>
    <script>
      $(function() {
        var sierpinski = new Sierpinski($('pre'), 132, 80, 5);
        sierpinski.draw();
        $('pre').css({'left': '50%', 'margin-left': - $('pre').width() / 2});
        var interval = window.setInterval(function() {
          if (!sierpinski.step(true)) {
            window.clearInterval(interval);
          }
        }, 50);
      });
    </script>
  </body>
</html>