docs(2d-gfx): recapture fractals, spirals and textures media
authorSvjatoslav Agejenko <svjatoslav@svjatoslav.eu>
Sat, 22 Aug 2026 10:59:33 +0000 (13:59 +0300)
committerSvjatoslav Agejenko <svjatoslav@svjatoslav.eu>
Sat, 22 Aug 2026 10:59:33 +0000 (13:59 +0300)
- Replace old .webm/.png media in Fractals, Spirals and Textures with
  recaptured "- Screencast 0.mp4" and "- Screenshot N.png" files
- Update the three index.org pages to reference the new captures
- Merge the two-image "Sphere forming spiral" section into a single
  screenshot (only one stage was recaptured)
- Remove stale Textures/logo.png

40 files changed:
2D GFX/Fractals/fractal circles - Screenshot 0.png [new file with mode: 0644]
2D GFX/Fractals/fractal circles animated - Screencast 0.mp4 [new file with mode: 0644]
2D GFX/Fractals/fractal circles animated.webm [deleted file]
2D GFX/Fractals/fractal circles.png [deleted file]
2D GFX/Fractals/fractal squares - Screenshot 0.png [new file with mode: 0644]
2D GFX/Fractals/fractal squares - Screenshot 1.png [new file with mode: 0644]
2D GFX/Fractals/fractal squares animated - Screencast 0.mp4 [new file with mode: 0644]
2D GFX/Fractals/fractal squares animated.webm [deleted file]
2D GFX/Fractals/fractal squares, 1.png [deleted file]
2D GFX/Fractals/fractal squares, 2.png [deleted file]
2D GFX/Fractals/fractal trees - Screencast 0.mp4 [new file with mode: 0644]
2D GFX/Fractals/fractal trees.webm [deleted file]
2D GFX/Fractals/index.org
2D GFX/Spirals/index.org
2D GFX/Spirals/spiral - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 2 - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 2.png [deleted file]
2D GFX/Spirals/spiral, 3 - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 3.png [deleted file]
2D GFX/Spirals/spiral, 4 - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 4, 1.png [deleted file]
2D GFX/Spirals/spiral, 4, 2.png [deleted file]
2D GFX/Spirals/spiral, 5 - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 5.png [deleted file]
2D GFX/Spirals/spiral, 6 - Screenshot 0.png [new file with mode: 0644]
2D GFX/Spirals/spiral, 6.png [deleted file]
2D GFX/Spirals/spiral.png [deleted file]
2D GFX/Textures/Circular waves - Screenshot 0.png [new file with mode: 0644]
2D GFX/Textures/Circular waves.png [deleted file]
2D GFX/Textures/Diamond square clouds - Screenshot 0.png [new file with mode: 0644]
2D GFX/Textures/Diamond square clouds.png [deleted file]
2D GFX/Textures/Old paper - Screenshot 0.png [new file with mode: 0644]
2D GFX/Textures/Old paper.png [deleted file]
2D GFX/Textures/Wood - Screenshot 1.png [new file with mode: 0644]
2D GFX/Textures/Wood.bas
2D GFX/Textures/Wood.png [deleted file]
2D GFX/Textures/Yellow flame - Screenshot 0.png [new file with mode: 0644]
2D GFX/Textures/Yellow flame.png [deleted file]
2D GFX/Textures/index.org
2D GFX/Textures/logo.png [deleted file]

diff --git a/2D GFX/Fractals/fractal circles - Screenshot 0.png b/2D GFX/Fractals/fractal circles - Screenshot 0.png
new file mode 100644 (file)
index 0000000..378b83e
Binary files /dev/null and b/2D GFX/Fractals/fractal circles - Screenshot 0.png differ
diff --git a/2D GFX/Fractals/fractal circles animated - Screencast 0.mp4 b/2D GFX/Fractals/fractal circles animated - Screencast 0.mp4
new file mode 100644 (file)
index 0000000..e7f8e5e
Binary files /dev/null and b/2D GFX/Fractals/fractal circles animated - Screencast 0.mp4 differ
diff --git a/2D GFX/Fractals/fractal circles animated.webm b/2D GFX/Fractals/fractal circles animated.webm
deleted file mode 100644 (file)
index f112e49..0000000
Binary files a/2D GFX/Fractals/fractal circles animated.webm and /dev/null differ
diff --git a/2D GFX/Fractals/fractal circles.png b/2D GFX/Fractals/fractal circles.png
deleted file mode 100644 (file)
index 5d03f87..0000000
Binary files a/2D GFX/Fractals/fractal circles.png and /dev/null differ
diff --git a/2D GFX/Fractals/fractal squares - Screenshot 0.png b/2D GFX/Fractals/fractal squares - Screenshot 0.png
new file mode 100644 (file)
index 0000000..f2563d4
Binary files /dev/null and b/2D GFX/Fractals/fractal squares - Screenshot 0.png differ
diff --git a/2D GFX/Fractals/fractal squares - Screenshot 1.png b/2D GFX/Fractals/fractal squares - Screenshot 1.png
new file mode 100644 (file)
index 0000000..982232f
Binary files /dev/null and b/2D GFX/Fractals/fractal squares - Screenshot 1.png differ
diff --git a/2D GFX/Fractals/fractal squares animated - Screencast 0.mp4 b/2D GFX/Fractals/fractal squares animated - Screencast 0.mp4
new file mode 100644 (file)
index 0000000..0af4df5
Binary files /dev/null and b/2D GFX/Fractals/fractal squares animated - Screencast 0.mp4 differ
diff --git a/2D GFX/Fractals/fractal squares animated.webm b/2D GFX/Fractals/fractal squares animated.webm
deleted file mode 100644 (file)
index b29f1b4..0000000
Binary files a/2D GFX/Fractals/fractal squares animated.webm and /dev/null differ
diff --git a/2D GFX/Fractals/fractal squares, 1.png b/2D GFX/Fractals/fractal squares, 1.png
deleted file mode 100644 (file)
index 4aab922..0000000
Binary files a/2D GFX/Fractals/fractal squares, 1.png and /dev/null differ
diff --git a/2D GFX/Fractals/fractal squares, 2.png b/2D GFX/Fractals/fractal squares, 2.png
deleted file mode 100644 (file)
index f2fcbcb..0000000
Binary files a/2D GFX/Fractals/fractal squares, 2.png and /dev/null differ
diff --git a/2D GFX/Fractals/fractal trees - Screencast 0.mp4 b/2D GFX/Fractals/fractal trees - Screencast 0.mp4
new file mode 100644 (file)
index 0000000..c0bc7b1
Binary files /dev/null and b/2D GFX/Fractals/fractal trees - Screencast 0.mp4 differ
diff --git a/2D GFX/Fractals/fractal trees.webm b/2D GFX/Fractals/fractal trees.webm
deleted file mode 100644 (file)
index 9d4fa52..0000000
Binary files a/2D GFX/Fractals/fractal trees.webm and /dev/null differ
index d7b36ff..81f770f 100644 (file)
@@ -36,7 +36,7 @@ geometry, recursive programming, and graphical design.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:fractal circles.bas][file:fractal%20circles.png]]
+[[file:fractal circles.bas][file:fractal%20circles%20-%20Screenshot%200.png]]
 
 - Color and Depth :: The color of each circle alternates based on the
   recursion depth, adding visual complexity to the fractal.
@@ -55,7 +55,7 @@ system to control the animation's progression.
 #+begin_export html
 <div class="flex-center">
   <video controls loop autoplay class="flex-center">
-    <source src="fractal circles animated.webm" type="video/webm">
+    <source src="fractal circles animated - Screencast 0.mp4" type="video/mp4">
     Your browser does not support the video tag.
   </video>
 </div>
@@ -68,11 +68,11 @@ This QBasic program generates and displays a fractal pattern composed of squares
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:fractal squares.bas][file:fractal%20squares,%201.png]]
+[[file:fractal squares.bas][file:fractal%20squares%20-%20Screenshot%200.png]]
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:fractal squares.bas][file:fractal%20squares,%202.png]]
+[[file:fractal squares.bas][file:fractal%20squares%20-%20Screenshot%201.png]]
 
 * Fractal of squares animated
 
@@ -84,7 +84,7 @@ resulting in a dynamic and ever-changing geometric pattern.
 #+begin_export html
 <div class="flex-center">
   <video controls loop autoplay class="flex-center">
-    <source src="fractal squares animated.webm" type="video/webm">
+    <source src="fractal squares animated - Screencast 0.mp4" type="video/mp4">
     Your browser does not support the video tag.
   </video>
 </div>
@@ -101,7 +101,7 @@ resembles a tree, with branches that grow and change over time.
 #+begin_export html
 <div class="flex-center">
   <video controls loop autoplay class="flex-center">
-    <source src="fractal trees.webm" type="video/webm">
+    <source src="fractal trees - Screencast 0.mp4" type="video/mp4">
     Your browser does not support the video tag.
   </video>
 </div>
index cffa9dd..2d68e65 100644 (file)
@@ -30,7 +30,7 @@
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:spiral.png]]
+[[file:spiral - Screenshot 0.png]]
 
 From every point in the spiral, subdivided line is traced. Line
 segments are connected between the neighbors. Line segment count
@@ -44,7 +44,7 @@ progressively increases towards the center.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:spiral, 2.png]]
+[[file:spiral, 2 - Screenshot 0.png]]
 
 From every point in the spiral, subdivided line is traced. Line
 segments are connected between the neighbors. This creates effect
@@ -59,7 +59,7 @@ displaced by sinus function where input is the distance to the center.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 800px
-[[file:spiral, 3.png]]
+[[file:spiral, 3 - Screenshot 0.png]]
 
 Similar to previous spiral, Line segments are connected between the
 neighbors and sinus from the center decides vertical
@@ -74,18 +74,12 @@ more detail.
 
 Similar to previous spiral, Line segments are connected between the
 neighbors. Spiral height and width are calculated such that they form
-multiple linked spherical shapes. Initially point cloud in shown:
+multiple linked spherical shapes. Initially a point cloud is shown,
+then in the next step the points are connected using lines:
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:spiral, 4, 1.png]]
-
-In the next step, points are connected using lines:
-
-#+attr_html: :class responsive-img
-#+attr_latex: :width 1000px
-[[file:spiral, 4, 2.png]]
-
+[[file:spiral, 4 - Screenshot 0.png]]
 
 [[file:spiral, 4.bas]]
 
@@ -95,7 +89,7 @@ In the next step, points are connected using lines:
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:spiral, 5.png]]
+[[file:spiral, 5 - Screenshot 0.png]]
 
 Similar to previous spiral, Line segments are connected between the
 neighbors. Spiral height and width are calculated such that sphere is
@@ -111,7 +105,7 @@ attempted.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:spiral, 6.png]]
+[[file:spiral, 6 - Screenshot 0.png]]
 
 Similar to previous spiral, Line segments are connected between the
 neighbors. Spiral height and width are calculated such that sphere is
diff --git a/2D GFX/Spirals/spiral - Screenshot 0.png b/2D GFX/Spirals/spiral - Screenshot 0.png
new file mode 100644 (file)
index 0000000..6e851b2
Binary files /dev/null and b/2D GFX/Spirals/spiral - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 2 - Screenshot 0.png b/2D GFX/Spirals/spiral, 2 - Screenshot 0.png
new file mode 100644 (file)
index 0000000..88ef0d0
Binary files /dev/null and b/2D GFX/Spirals/spiral, 2 - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 2.png b/2D GFX/Spirals/spiral, 2.png
deleted file mode 100644 (file)
index 2534319..0000000
Binary files a/2D GFX/Spirals/spiral, 2.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral, 3 - Screenshot 0.png b/2D GFX/Spirals/spiral, 3 - Screenshot 0.png
new file mode 100644 (file)
index 0000000..02add93
Binary files /dev/null and b/2D GFX/Spirals/spiral, 3 - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 3.png b/2D GFX/Spirals/spiral, 3.png
deleted file mode 100644 (file)
index fba0323..0000000
Binary files a/2D GFX/Spirals/spiral, 3.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral, 4 - Screenshot 0.png b/2D GFX/Spirals/spiral, 4 - Screenshot 0.png
new file mode 100644 (file)
index 0000000..6136d35
Binary files /dev/null and b/2D GFX/Spirals/spiral, 4 - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 4, 1.png b/2D GFX/Spirals/spiral, 4, 1.png
deleted file mode 100644 (file)
index caa29b1..0000000
Binary files a/2D GFX/Spirals/spiral, 4, 1.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral, 4, 2.png b/2D GFX/Spirals/spiral, 4, 2.png
deleted file mode 100644 (file)
index 76ff118..0000000
Binary files a/2D GFX/Spirals/spiral, 4, 2.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral, 5 - Screenshot 0.png b/2D GFX/Spirals/spiral, 5 - Screenshot 0.png
new file mode 100644 (file)
index 0000000..ef8001b
Binary files /dev/null and b/2D GFX/Spirals/spiral, 5 - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 5.png b/2D GFX/Spirals/spiral, 5.png
deleted file mode 100644 (file)
index 552f480..0000000
Binary files a/2D GFX/Spirals/spiral, 5.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral, 6 - Screenshot 0.png b/2D GFX/Spirals/spiral, 6 - Screenshot 0.png
new file mode 100644 (file)
index 0000000..ceaf1c6
Binary files /dev/null and b/2D GFX/Spirals/spiral, 6 - Screenshot 0.png differ
diff --git a/2D GFX/Spirals/spiral, 6.png b/2D GFX/Spirals/spiral, 6.png
deleted file mode 100644 (file)
index 887f850..0000000
Binary files a/2D GFX/Spirals/spiral, 6.png and /dev/null differ
diff --git a/2D GFX/Spirals/spiral.png b/2D GFX/Spirals/spiral.png
deleted file mode 100644 (file)
index 4c26bec..0000000
Binary files a/2D GFX/Spirals/spiral.png and /dev/null differ
diff --git a/2D GFX/Textures/Circular waves - Screenshot 0.png b/2D GFX/Textures/Circular waves - Screenshot 0.png
new file mode 100644 (file)
index 0000000..92c99ad
Binary files /dev/null and b/2D GFX/Textures/Circular waves - Screenshot 0.png differ
diff --git a/2D GFX/Textures/Circular waves.png b/2D GFX/Textures/Circular waves.png
deleted file mode 100644 (file)
index fbb5233..0000000
Binary files a/2D GFX/Textures/Circular waves.png and /dev/null differ
diff --git a/2D GFX/Textures/Diamond square clouds - Screenshot 0.png b/2D GFX/Textures/Diamond square clouds - Screenshot 0.png
new file mode 100644 (file)
index 0000000..bca38ba
Binary files /dev/null and b/2D GFX/Textures/Diamond square clouds - Screenshot 0.png differ
diff --git a/2D GFX/Textures/Diamond square clouds.png b/2D GFX/Textures/Diamond square clouds.png
deleted file mode 100644 (file)
index b596db6..0000000
Binary files a/2D GFX/Textures/Diamond square clouds.png and /dev/null differ
diff --git a/2D GFX/Textures/Old paper - Screenshot 0.png b/2D GFX/Textures/Old paper - Screenshot 0.png
new file mode 100644 (file)
index 0000000..effab7d
Binary files /dev/null and b/2D GFX/Textures/Old paper - Screenshot 0.png differ
diff --git a/2D GFX/Textures/Old paper.png b/2D GFX/Textures/Old paper.png
deleted file mode 100644 (file)
index d9c900b..0000000
Binary files a/2D GFX/Textures/Old paper.png and /dev/null differ
diff --git a/2D GFX/Textures/Wood - Screenshot 1.png b/2D GFX/Textures/Wood - Screenshot 1.png
new file mode 100644 (file)
index 0000000..239b32f
Binary files /dev/null and b/2D GFX/Textures/Wood - Screenshot 1.png differ
index c3251f7..b5e5894 100755 (executable)
@@ -28,6 +28,8 @@ NEXT colorIndex
 woodX = RND * 400 + 200\r
 woodY = RND * 100 + 200\r
 CALL DrawWoodSurface(woodX, woodY)\r
+\r
+SOUND 0, 10\r
 GOTO 100\r
 \r
 ' Wait for user input to exit\r
diff --git a/2D GFX/Textures/Wood.png b/2D GFX/Textures/Wood.png
deleted file mode 100644 (file)
index 00726c3..0000000
Binary files a/2D GFX/Textures/Wood.png and /dev/null differ
diff --git a/2D GFX/Textures/Yellow flame - Screenshot 0.png b/2D GFX/Textures/Yellow flame - Screenshot 0.png
new file mode 100644 (file)
index 0000000..01aeaa1
Binary files /dev/null and b/2D GFX/Textures/Yellow flame - Screenshot 0.png differ
diff --git a/2D GFX/Textures/Yellow flame.png b/2D GFX/Textures/Yellow flame.png
deleted file mode 100644 (file)
index 762a97b..0000000
Binary files a/2D GFX/Textures/Yellow flame.png and /dev/null differ
index 3db1dc5..b21031e 100644 (file)
@@ -46,7 +46,7 @@ algorithms can produce intricate and visually appealing results.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:Circular waves.png]]
+[[file:Circular waves - Screenshot 0.png]]
 [[file:Circular waves.bas][Source code]]
 
 #+INCLUDE: "Circular waves.bas" src basic-qb45
@@ -60,7 +60,7 @@ textures in computer graphics.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:Diamond square clouds.png]]
+[[file:Diamond square clouds - Screenshot 0.png]]
 [[file:Diamond square clouds.bas][Source code]]
 
 #+INCLUDE: "Diamond square clouds.bas" src basic-qb45
@@ -83,7 +83,7 @@ randomness, mimicking the fibrous texture of paper.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:Old paper.png]]
+[[file:Old paper - Screenshot 0.png]]
 [[file:Old paper.bas][Source code]]
 
 #+INCLUDE: "Old paper.bas" src basic-qb45
@@ -96,7 +96,7 @@ using simple graphical techniques.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:Wood.png]]
+[[file:Wood - Screenshot 1.png]]
 [[file:Wood.bas][Source code]]
 
 #+INCLUDE: "Wood.bas" src basic-qb45
@@ -118,7 +118,7 @@ natural, flickering effect.
 
 #+attr_html: :class responsive-img
 #+attr_latex: :width 1000px
-[[file:Yellow flame.png]]
+[[file:Yellow flame - Screenshot 0.png]]
 [[file:Yellow flame.bas][Source code]]
 
 #+INCLUDE: "Yellow flame.bas" src basic-qb45
diff --git a/2D GFX/Textures/logo.png b/2D GFX/Textures/logo.png
deleted file mode 100644 (file)
index 0d41afb..0000000
Binary files a/2D GFX/Textures/logo.png and /dev/null differ