Data update

Task/Pythagoras-tree/Dart/pythagoras-tree-1.dart

@@ -0,0 +1,23 @@
+import 'dart:math';
+import 'dart:io';
+
+void main() {
+  var basis = [(Point(-200.0, 0.0), Point(200.0, 0.0))];
+  final groups = Iterable.generate(12, (lvl) {
+    final basis0 = basis;
+    basis = [];
+    final lvlPolygons = basis0.map((pp) {
+      final (a, b) = pp;
+      final v =  Point((b - a).y, (a - b).x);
+      final (c, d) = (a + v, b + v);
+      final e = (c + d + v) * 0.5;
+      basis.addAll([(c, e), (e, d)]);
+      return '<polygon points="${[a, c, e, d, c, d, b].expand((p) => [p.x, p.y]).join(' ')}"/>';
+    }).join('\n');
+    rg(int step) => ((80 + (lvl - 2) * step) & 255).toRadixString(16).padLeft(2, '0');
+    return '<g fill="#${rg(20)}${rg(30)}18">\n$lvlPolygons\n</g>';
+  }).join('\n');
+  final (x, y) = basis.fold((0.0, 0.0), (p, pp) => (min(p.$1, pp.$1.x), min(p.$2, pp.$1.y)));
+  final attrs = 'viewBox="$x $y ${-x - x} ${-y}" stroke="white" xmlns="http://www.w3.org/2000/svg"';
+  File('Pythagor_tree.svg').writeAsString('<svg $attrs>\n$groups\n</svg>');
+}

Task/Pythagoras-tree/Dart/pythagoras-tree-2.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+
+void main() => runApp(const MainApp());
+
+class MainApp extends StatelessWidget {
+  const MainApp({super.key});
+
+  @override
+  Widget build(BuildContext context) => FittedBox(
+      child: CustomPaint(painter: TreePainter(), size: const Size(2400, 1600)));
+}
+
+class TreePainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    final stroke = Paint()
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 0.9
+      ..color = Colors.white;
+    final fill = Paint()..style = PaintingStyle.fill;
+    canvas.drawColor(Colors.white, BlendMode.src);
+
+    const halfBase = Offset(200, 0);
+    var basis = [(size.bottomCenter(-halfBase), size.bottomCenter(halfBase))];
+    for (var lvl = 0; lvl < 12; lvl++) {
+      final path = Path();
+      final basis0 = basis;
+      basis = [];
+      for (var (a, b) in basis0) {
+        final v = Offset((b - a).dy, (a - b).dx);
+        final (c, d) = (a + v, b + v);
+        final e = (c + d + v) / 2;
+        basis.addAll([(c, e), (e, d)]);
+        path.addPolygon([a, c, e, d, c, d, b], true);
+      }
+      rg(int step) => (80 + (lvl - 2) * step) & 255;
+      canvas
+        ..drawPath(path, fill..color = Color.fromARGB(255, rg(20), rg(30), 18))
+        ..drawPath(path, stroke);
+    }
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => true;
+}

Task/Pythagoras-tree/JavaScript/pythagoras-tree-2.js

@@ -1,21 +1,14 @@
-let base = [[[-200, 0], [200, 0]]];
+let base = [[{ x: -200, y: 0 }, { x: 200, y: 0 }]];
 const doc = [...Array(12)].reduce((doc_a, _, lvl) => {
     const rg = step => `0${(80 + (lvl - 2) * step).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];
+        const w = (kx, ky) => (kx * (b.x - a.x) + ky * (b.y - a.y)) / 2;
+        const [c, e, d] = [2, 3, 2].map((j, i) => ({ x: a.x + w(i, j), y: a.y + w(-j, i) }));
         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';
+        return ga + `<polygon points="${[a, c, e, d, c, d, b].map(p => [p.x, p.y])}"/>\n`;
+    }, `<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.flat().reduce((a, p) => a.map((xy, i) => Math.min(xy, p[i])));
+const { x, y } = base.flat().reduce((a, p) => ({ x: Math.min(a.x, p.x), y: Math.min(a.y, p.y) }));
 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, '';
-}
+document.documentElement.innerHTML = svg, ''; // display svg in the browser window