Initial data commit

2023-07-01 11:58:00 -04:00 · 2023-07-01 11:58:00 -04:00 · f23f22d71c
commit f23f22d71c
parent 72d218235f
199087 changed files with 3378941 additions and 0 deletions
--- a/Task/Pythagoras-tree/JavaScript/pythagoras-tree-1.js
+++ b/Task/Pythagoras-tree/JavaScript/pythagoras-tree-1.js
@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <style>
+        canvas {
+            position: absolute;
+            top: 45%;
+            left: 50%;
+            width: 640px;
+            height: 640px;
+            margin: -320px 0 0 -320px;
+        }
+    </style>
+</head>
+
+<body>
+    <canvas></canvas>
+    <script>
+        'use strict';
+        var canvas = document.querySelector('canvas');
+        canvas.width = 640;
+        canvas.height = 640;
+
+        var g = canvas.getContext('2d');
+
+        var depthLimit = 7;
+        var hue = 0.15;
+
+        function drawTree(x1, y1, x2, y2, depth) {
+
+            if (depth == depthLimit)
+                return;
+
+            var dx = x2 - x1;
+            var dy = y1 - y2;
+
+            var x3 = x2 - dy;
+            var y3 = y2 - dx;
+            var x4 = x1 - dy;
+            var y4 = y1 - dx;
+            var x5 = x4 + 0.5 * (dx - dy);
+            var y5 = y4 - 0.5 * (dx + dy);
+
+            g.beginPath();
+            g.moveTo(x1, y1);
+            g.lineTo(x2, y2);
+            g.lineTo(x3, y3);
+            g.lineTo(x4, y4);
+            g.closePath();
+
+            g.fillStyle = HSVtoRGB(hue + depth * 0.02, 1, 1);
+            g.fill();
+            g.strokeStyle = "lightGray";
+            g.stroke();
+
+            g.beginPath();
+            g.moveTo(x3, y3);
+            g.lineTo(x4, y4);
+            g.lineTo(x5, y5);
+            g.closePath();
+
+            g.fillStyle = HSVtoRGB(hue + depth * 0.035, 1, 1);
+            g.fill();
+            g.strokeStyle = "lightGray";
+            g.stroke();
+
+            drawTree(x4, y4, x5, y5, depth + 1);
+            drawTree(x5, y5, x3, y3, depth + 1);
+        }
+
+        /* copied from stackoverflow */
+        function HSVtoRGB(h, s, v) {
+            var r, g, b, i, f, p, q, t;
+
+            i = Math.floor(h * 6);
+            f = h * 6 - i;
+            p = v * (1 - s);
+            q = v * (1 - f * s);
+            t = v * (1 - (1 - f) * s);
+            switch (i % 6) {
+                case 0: r = v, g = t, b = p; break;
+                case 1: r = q, g = v, b = p; break;
+                case 2: r = p, g = v, b = t; break;
+                case 3: r = p, g = q, b = v; break;
+                case 4: r = t, g = p, b = v; break;
+                case 5: r = v, g = p, b = q; break;
+            }
+            return "rgb("
+                + Math.round(r * 255) + ","
+                + Math.round(g * 255) + ","
+                + Math.round(b * 255) + ")";
+        }
+
+        function draw() {
+            g.clearRect(0, 0, canvas.width, canvas.height);
+            drawTree(275, 500, 375, 500, 0);
+        }
+        draw();
+    </script>
+
+</body>
+
+</html>