From ec6314dae2099b7f9a80ab4fbaa72a3bc84624c9 Mon Sep 17 00:00:00 2001 From: Sam Date: Wed, 16 Mar 2022 19:33:42 +1300 Subject: [PATCH] catalogued triangle twist --- ...cular.html => floral accident spiral.html} | 0 Catalogue/floral fill.html | 97 +++++ Catalogue/foral sub.html | 122 ++++++ Catalogue/nodal expanding.html | 2 +- ...gle pattern 1.html => square pattern.html} | 0 Catalogue/triangle twist.html | 102 +++++ Catalogue/triangle.html | 6 +- animate 0.1 (deconstructing)/animation.html | 361 ------------------ 8 files changed, 325 insertions(+), 365 deletions(-) rename Catalogue/{Flower Circular.html => floral accident spiral.html} (100%) create mode 100644 Catalogue/floral fill.html create mode 100644 Catalogue/foral sub.html rename Catalogue/{rectangle pattern 1.html => square pattern.html} (100%) create mode 100644 Catalogue/triangle twist.html delete mode 100644 animate 0.1 (deconstructing)/animation.html diff --git a/Catalogue/Flower Circular.html b/Catalogue/floral accident spiral.html similarity index 100% rename from Catalogue/Flower Circular.html rename to Catalogue/floral accident spiral.html diff --git a/Catalogue/floral fill.html b/Catalogue/floral fill.html new file mode 100644 index 0000000..81fb3e3 --- /dev/null +++ b/Catalogue/floral fill.html @@ -0,0 +1,97 @@ + + + + + + + Your browser does not support the HTML5 canvas tag. + + + diff --git a/Catalogue/foral sub.html b/Catalogue/foral sub.html new file mode 100644 index 0000000..79bc1a1 --- /dev/null +++ b/Catalogue/foral sub.html @@ -0,0 +1,122 @@ + + + + + + + Your browser does not support the HTML5 canvas tag. + + + diff --git a/Catalogue/nodal expanding.html b/Catalogue/nodal expanding.html index 15b763e..36d9595 100644 --- a/Catalogue/nodal expanding.html +++ b/Catalogue/nodal expanding.html @@ -34,7 +34,7 @@ let colour1 = [137, 54, 255]; let colour2 = [158, 255, 54]; // Draw_nodal_expanding(5, 100000, rotation * 2 + 33000,0, colour1, colour2, 0.5, 2) - Draw_nodal_expanding(5, 10000, rotation+33000, 0, colour1, colour2, 1, 1) + Draw_nodal_expanding(5, 10000, rotation+33000, 0, colour1, colour2, 1, 2) }, 1000 / fps); rotation += deg_per_sec / fps; // was = j = angle, now = rotation diff --git a/Catalogue/rectangle pattern 1.html b/Catalogue/square pattern.html similarity index 100% rename from Catalogue/rectangle pattern 1.html rename to Catalogue/square pattern.html diff --git a/Catalogue/triangle twist.html b/Catalogue/triangle twist.html new file mode 100644 index 0000000..bd7d699 --- /dev/null +++ b/Catalogue/triangle twist.html @@ -0,0 +1,102 @@ + + + + + + + Your browser does not support the HTML5 canvas tag. + + + + \ No newline at end of file diff --git a/Catalogue/triangle.html b/Catalogue/triangle.html index 6cf38ef..eae2707 100644 --- a/Catalogue/triangle.html +++ b/Catalogue/triangle.html @@ -28,7 +28,7 @@ render(); render_clear(); - draw_triangle(0, 200) + draw_triangle(0, 200, "red"); }, 1000 / fps); rotation += deg_per_sec / fps; // was = j = angle, now = rotation @@ -38,13 +38,13 @@ render(); - function draw_triangle(ang, radius) { + function draw_triangle(ang, radius, colour) { ctx.beginPath(); ctx.moveTo(centerX + Math.cos(rad(90 + 120 * 1 + ang)) * radius, centerY + Math.sin(rad(90 + 120 * 1 + ang)) * radius); ctx.lineTo(centerX + Math.cos(rad(90 + 120 * 2 + ang)) * radius, centerY + Math.sin(rad(90 + 120 * 2 + ang)) * radius); ctx.lineTo(centerX + Math.cos(rad(90 + 120 * 3 + ang)) * radius, centerY + Math.sin(rad(90 + 120 * 3 + ang)) * radius); ctx.lineTo(centerX + Math.cos(rad(90 + 120 * 1 + ang)) * radius, centerY + Math.sin(rad(90 + 120 * 1 + ang)) * radius); - ctx.strokeStyle = "red"; + ctx.strokeStyle = colour; ctx.stroke(); } diff --git a/animate 0.1 (deconstructing)/animation.html b/animate 0.1 (deconstructing)/animation.html deleted file mode 100644 index a528c6a..0000000 --- a/animate 0.1 (deconstructing)/animation.html +++ /dev/null @@ -1,361 +0,0 @@ - - - - - - - Your browser does not support the HTML5 canvas tag. - - - - - \ No newline at end of file