fractals: fix slow rendering

rhaeguard · Apr 19, 2024 · 167aa33 · 167aa33
1 parent e1089cf
commit 167aa33
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 10 deletions.
diff --git a/julia_sets/README.md b/julia_sets/README.md
@@ -1,3 +1,4 @@
+# Julia Set
+
 ![](./julia_1.png)
-![](./julia_2.png)
-![](./julia_3.png)
+![](./julia_2.png)
diff --git a/julia_sets/julia_1.png b/julia_sets/julia_1.png
diff --git a/julia_sets/julia_2.png b/julia_sets/julia_2.png
diff --git a/julia_sets/julia_3.png b/julia_sets/julia_3.png
diff --git a/julia_sets/main.js b/julia_sets/main.js
@@ -15,7 +15,7 @@ const rlp = Math.random()*1.5+0.5; const rrp = Math.random()*1.5+0.5;
 const glp = Math.random()*1.5+0.5; const grp = Math.random()*1.5+0.5;
 const blp = Math.random()*1.5+0.5; const brp = Math.random()*1.5+0.5;
 
-const WIDTH = 1000;
+const WIDTH = 600;
 
 const canvas = document.getElementById("canvas");
 canvas.width = WIDTH;
@@ -25,7 +25,7 @@ const ctx = canvas.getContext("2d");
 
 const from = -2;
 const to = 2;
-const step = 0.001;
+const step = 0.01;
 const gap = to - from;
 const mid = Math.floor(gap / 2);
 

diff --git a/mandelbrot/README.md b/mandelbrot/README.md
@@ -1 +1,3 @@
-![](./mandelbrot_1.png)
+# Mandelbrot Fractal
+
+![](./mandelbrot_example.png)
diff --git a/mandelbrot/index.html b/mandelbrot/index.html
@@ -4,12 +4,10 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Mandelbrot</title>
 </head>
 <body>
-
     <canvas id="canvas"></canvas>
-
     <script src="main.js"></script>
 </body>
 </html>
diff --git a/mandelbrot/main.js b/mandelbrot/main.js
@@ -18,7 +18,7 @@ const rlp = Math.random()*1.5+0.5; const rrp = Math.random()*1.5+0.5;
 const glp = Math.random()*1.5+0.5; const grp = Math.random()*1.5+0.5;
 const blp = Math.random()*1.5+0.5; const brp = Math.random()*1.5+0.5;
 
-const WIDTH = 1000;
+const WIDTH = 600;
 
 const canvas = document.getElementById("canvas");
 canvas.width = WIDTH;
@@ -28,7 +28,7 @@ const ctx = canvas.getContext("2d");
 
 const from = -2;
 const to = 2;
-const step = 0.001;
+const step = 0.01;
 const gap = to - from;
 const mid = Math.floor(gap / 2);
 

diff --git a/mandelbrot/mandelbrot_1.png b/mandelbrot/mandelbrot_1.png
diff --git a/mandelbrot/mandelbrot_example.png b/mandelbrot/mandelbrot_example.png