// mit symmetry spielen ist gut

let symmetry = 3;

// mit angle und symmery weglassen spiegeln ist gut

let angle = 360; 

let saveButton, clearButton, keyboardButton;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0,0);

  fill(0, 255, 0);

  noStroke();

  //ellipse(200,200,200)

   // Creating the save button for the file

  saveButton = createButton("save");

  saveButton.mousePressed(saveFile);

​

  // Creating the clear screen button

  clearButton = createButton("clear");

  clearButton.mousePressed(clearScreen);

​

  // Creating the button for Full Screen

  fullscreenButton = createButton("Full Screen");

  fullscreenButton.mousePressed(screenFull);

}

  // Save File Function

function saveFile() {

  save('design.png');

}

​

// Clear Screen function

function clearScreen() {

  background(0,0);

}

​

// Full Screen Function

function screenFull() {

  let fs = fullscreen();

  fullscreen(!fs);

}

​

//function keyPressed() {

 // if (key === 's' || key === 'S') {

    // save the canvas as a PNG without background

 //   saveCanvas('myCanvas', 'png', true);

  //}

//}

​

function mousePressed() {}

function draw() {

  //kreis outline farbe

  //stroke(255);

  //kreis fill farbe

  //fill(0);

  //ellipse(mouseX, mouseY, 30);

  translate(width / 2, height / 2);

​

  if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {

    let mx = mouseX - width / 2;

    let my = mouseY - height / 2;

    let pmx = pmouseX - width / 2;

    let pmy = pmouseY - height / 2;

​

    if (mouseIsPressed) {

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

        rotate(angle);

        // let sw = sizeSlider.value();

        //kreis outline farbe

// orange:

        stroke(233,79,53);

// grau:

stroke(157,157,156);

        //weiß

stroke(255,255,255)

        //blau:

stroke(49,39,131)

        //lila

stroke(188,144,193)

        //kreis fill farbe

        //lila:

        fill(49,39,131)

        //weiß:

//fill(255,255,255)

        //grau:

//fill(157,157,156);

        //lila:

       // fill(188,144,193)

​

        //noFill();

        //ellipse(mouseY, mouseX,pmx, pmy);

​

        strokeWeight(2);

        //stroke(20, 50, 200, 60);

        // fill(0);

        // wenn erster wert bei ellipse zahl ist und zweite gelöscht wird ist der radius fest

        ellipse(mx,my, pmx, pmy);

        push();

        scale(1, -1);

        ellipse(mx,my, pmx, pmy);

        pop();

      }

    }

  }

}

​