From 8081d2bd076ed39dbe9f32c1dae6c82ee78bd9e4 Mon Sep 17 00:00:00 2001
From: Ray <raysan5@gmail.com>
Date: Wed, 19 Nov 2025 09:34:13 +0100
Subject: [PATCH] REDESIGNED: example: `shapes_kaleidoscope`, store lines #5361

This redesign stores lines in Update and draws stored lines in Draw, instead of previous approach of drawing directly to framebuffer with no cleaning. This approach allows some interesting features like line draw replay or reversing.
---
 examples/shapes/shapes_kaleidoscope.c | 77 +++++++++++++++++++--------
 1 file changed, 56 insertions(+), 21 deletions(-)

diff --git a/examples/shapes/shapes_kaleidoscope.c b/examples/shapes/shapes_kaleidoscope.c
index 07c96344c..7eeadb8aa 100644
--- a/examples/shapes/shapes_kaleidoscope.c
+++ b/examples/shapes/shapes_kaleidoscope.c
@@ -11,13 +11,26 @@
 *   Example licensed under an unmodified zlib/libpng license, which is an OSI-certified,
 *   BSD-like license that allows static linking with closed source software
 *
-*   Copyright (c) 2025 Hugo ARNAL (@hugoarnal)
+*   Copyright (c) 2025 Hugo ARNAL (@hugoarnal) and Ramon Santamaria (@raysan5)
 *
 ********************************************************************************************/
 
 #include "raylib.h"
+
 #include "raymath.h"
 
+#define MAX_DRAW_LINES  8192
+
+// Line data type
+typedef struct {
+    Vector2 start;
+    Vector2 end;
+} Line;
+
+// Lines array as a global static variable to be stored
+// in heap and avoid potential stack overflow (on Web platform)
+static Line lines[MAX_DRAW_LINES] = { 0 };
+
 //------------------------------------------------------------------------------------
 // Program main entry point
 //------------------------------------------------------------------------------------
@@ -30,22 +43,24 @@ int main(void)
 
     InitWindow(screenWidth, screenHeight, "raylib [shapes] example - kaleidoscope");
 
+    // Line drawing properties
     int symmetry = 6;
     float angle = 360.0f/(float)symmetry;
     float thickness = 3.0f;
+    Vector2 mousePos = { 0 };
     Vector2 prevMousePos = { 0 };
-
-    SetTargetFPS(60);
-    ClearBackground(BLACK);
-
+    Vector2 scaleVector = { 1.0f, -1.0f };
     Vector2 offset = { (float)screenWidth/2.0f, (float)screenHeight/2.0f };
+    
     Camera2D camera = { 0 };
     camera.target = (Vector2){ 0 };
     camera.offset = offset;
     camera.rotation = 0.0f;
     camera.zoom = 1.0f;
+    
+    int lineCounter = 0;
 
-    Vector2 scaleVector = { 1.0f, -1.0f };
+    SetTargetFPS(20);
     //--------------------------------------------------------------------------------------
 
     // Main game loop
@@ -53,38 +68,58 @@ int main(void)
     {
         // Update
         //----------------------------------------------------------------------------------
-        Vector2 mousePos = GetMousePosition();
+        prevMousePos = mousePos;
+        mousePos = GetMousePosition();
+        
         Vector2 lineStart = Vector2Subtract(mousePos, offset);
         Vector2 lineEnd = Vector2Subtract(prevMousePos, offset);
+        
+        if (IsMouseButtonDown(MOUSE_LEFT_BUTTON))
+        {
+            for (int s = 0; (s < symmetry) && (lineCounter < (MAX_DRAW_LINES - 1)); s++)
+            {
+                lineStart = Vector2Rotate(lineStart, angle*DEG2RAD);
+                lineEnd = Vector2Rotate(lineEnd, angle*DEG2RAD);
+
+                // Store mouse line
+                lines[lineCounter].start = lineStart;
+                lines[lineCounter].end = lineEnd;
+
+                // Store reflective line
+                lines[lineCounter + 1].start = Vector2Multiply(lineStart, scaleVector);
+                lines[lineCounter + 1].end = Vector2Multiply(lineEnd, scaleVector);
+                
+                lineCounter += 2;
+            }
+        }
         //----------------------------------------------------------------------------------
 
         // Draw
         //----------------------------------------------------------------------------------
         BeginDrawing();
+        
+            ClearBackground(RAYWHITE);
+    
             BeginMode2D(camera);
-                if (IsMouseButtonDown(MOUSE_LEFT_BUTTON)) {
-                    for (int i = 0; i < symmetry; i++) {
-                        lineStart = Vector2Rotate(lineStart, angle*DEG2RAD);
-                        lineEnd = Vector2Rotate(lineEnd, angle*DEG2RAD);
-
-                        DrawLineEx(lineStart, lineEnd, thickness, WHITE);
-
-                        Vector2 reflectLineStart = Vector2Multiply(lineStart, scaleVector);
-                        Vector2 reflectLineEnd = Vector2Multiply(lineEnd, scaleVector);
-
-                        DrawLineEx(reflectLineStart, reflectLineEnd, thickness, WHITE);
+                for (int s = 0; s < symmetry; s++)
+                {
+                    for (int i = 0; i < lineCounter; i += 2)
+                    {
+                        DrawLineEx(lines[i].start, lines[i].end, thickness, BLACK);
+                        DrawLineEx(lines[i + 1].start, lines[i + 1].end, thickness, BLACK);
                     }
                 }
-
-                prevMousePos = mousePos;
             EndMode2D();
+            
+            DrawText(TextFormat("LINES: %i/%i", lineCounter, MAX_DRAW_LINES), 10, screenHeight - 30, 20, MAROON);
+            DrawFPS(10, 10);
+            
         EndDrawing();
         //----------------------------------------------------------------------------------
     }
 
     // De-Initialization
     //--------------------------------------------------------------------------------------
-
     CloseWindow();        // Close window and OpenGL context
     //--------------------------------------------------------------------------------------