let drawing = false; // Track if the user is currently drawing

let numMirrors = 6; // Number of reflections (kaleidoscope segments)

let angleStep; // Angle step for reflections

​

function setup() {

    createCanvas(800, 600);

    angleStep = TWO_PI / numMirrors; // Calculate the angle between segments

    background(255);

    translate(width / 2, height / 2); // Move to the center for kaleidoscope

}

​

function draw() {

    background(255);

    translate(width / 2, height / 2); // Ensure we draw around the center

​

    // Draw the kaleidoscope pattern

    if (points.length > 1) {

        stroke(0);

        strokeWeight(0);

        noFill();

​

        for (let i = 0; i < numMirrors; i++) {

            push();

            rotate(i * angleStep); // Rotate for each mirror segment

            mirrorPath();

            pop();

        }

    }

}

​

// Function to draw a mirrored path

function mirrorPath() {

    beginShape();

    for (let p of points) {

        vertex(p.x, p.y);              // Original drawing

        vertex(-p.x, p.y);             // Mirror horizontally

    }

    endShape();

}

​

// Mouse Pressed: Start drawing

function mousePressed() {

    points = []; // Clear existing points for a new drawing

    drawing = true;

}

​

// Mouse Dragged: Add points to the path as you draw

function mouseDragged() {

    let mirroredX = mouseX - width / 2;

    let mirroredY = mouseY - height / 2;

    points.push(createVector(mirroredX, mirroredY)); // Store points relative to the center

}

​

// Mouse Released: Stop drawing

function mouseReleased() {

    drawing = false;

}

​