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>
--- a/Task/Pythagoras-tree/JavaScript/pythagoras-tree-2.js
+++ b/Task/Pythagoras-tree/JavaScript/pythagoras-tree-2.js
@ -0,0 +1,21 @@
+let base = [[[-200, 0], [200, 0]]];
+const doc = [...Array(12)].reduce((doc_a, _, lvl) => {
+    const rg = step => `0${((80 + (lvl - 2) * step) % 256).toString(16)}`.slice(-2);
+    return doc_a + base.splice(0).reduce((ga, [a, b]) => {
+        const v = [b[0] - a[0], b[1] - a[1]];
+        const [c, d, w] = [a, b, v].map(p => [p[0] + v[1], p[1] - v[0]]);
+        const e = [c[0] + w[0] / 2, c[1] + w[1] / 2];
+        base.push([c, e], [e, d]);
+        return ga + '\n' + `<polygon points="${[a, c, e, d, c, d, b]}"/>`;
+    }, `<g fill="#${rg(20)}${rg(30)}18">`) + '\n</g>\n';
+}, '<svg xmlns="http://www.w3.org/2000/svg" width="1200" stroke="white">\n') + '</svg>';
+
+const [x, y] = base.reduce(([xa, ya], [[x, y],]) => [Math.min(xa, x), Math.min(ya, y)], [0, 0]);
+const svg = doc.replace('<svg ', `<svg viewBox="${[x, y, -x - x, -y]}" `);
+
+if (globalThis.global) { // if the script is run from node.js - save the svg to a file
+    require('node:fs').writeFileSync('Pythagor_tree.svg', svg);
+} else { // if is run from the browser console or from the <script> tag of an html document
+         // - display svg in the browser window
+    document.documentElement.innerHTML = svg, '';
+}