Download:
child 3:4cafd5207f03
parent 1:06d076da4395
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

3 файлов изменено, 77 вставок(+), 0 удалений(-) [+]
demo.css file | annotate | diff | comparison | revisions
flowsnake.html file | annotate | diff | comparison | revisions
sierpinski.html file | annotate | diff | comparison | revisions
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/demo.css Sat Mar 12 22:34:17 2016 +0800
@@ -0,0 +1,15 @@
+pre {
+ position: fixed;
+ font-size: 8pt;
+ bottom: 0;
+ padding-bottom: 2px;
+}
+
+div {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/flowsnake.html Sat Mar 12 22:34:17 2016 +0800
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Gosper curve (flowsnake)</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 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>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/sierpinski.html Sat Mar 12 22:34:17 2016 +0800
@@ -0,0 +1,31 @@
+<!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>