let waveAmplitude = 128;

let waveSpeed = 0.001; // Controls the speed of the wave movement

let cycleCompleted = false;

​

function setup() {

  createCanvas(576, 1024);

  pixelDensity(1);

  frameRate(60); // Ensures consistent frame rate for calculation

}

​

function draw() {

  if (cycleCompleted) {

    noLoop(); // Stop the draw loop

    return; // Exit the function

  }

​

  background(220);

  loadPixels();

​

  let centerX = width / 2;

  let centerY = height / 2;

  let time = millis() * waveSpeed;

​

  for (let y = 0; y < height; y++) {

    for (let x = 0; x < width; x++) {

      let distance = dist(x, y, centerX, centerY);

      let wave = sin(distance * waveFrequency + time) * waveAmplitude;

      let colorValue = map(wave, -waveAmplitude, waveAmplitude, 0, 255);

​

      let index = (x + y * width) * 4;

      pixels[index] = colorValue;

      pixels[index + 1] = colorValue;

      pixels[index + 2] = colorValue;

      pixels[index + 3] = 255;

    }

  }

​

  updatePixels();

​

  // Save the canvas as an image

  let filename = nf(frameCount, 4) + ".png"; // Format the filename with leading zeros

  saveCanvas(filename, 'png');

​

  // Check if one cycle is completed

  let cycleDuration = (2 * PI) / (waveFrequency * waveSpeed * 1000); // Time in frames for one cycle

  if (frameCount >= cycleDuration) {

    cycleCompleted = true;

  }

}

​