Template Tool_02

let content = "You can move rotate, crop, sign and draw on PDFs and images directly on your Mac desktop — and even on your iPhone or iPad. To get started with Markup, select a file on your Mac, press the Space bar, then click the Markup icon.\n\nWith Stacks, the files on your desktop are automatically organised into related groups — so you can find that important spreadsheet whenever you need it. Just click the desktop, then choose View > Use Stacks.";

// Umbrüche sind als \n (break) im Text zu deklarieren

​

let sora;

​

// Font laden

function preload() {

  sora = loadFont('Sora-SemiBold.ttf');

}

var counter = 0;

​

function setup() {

  createCanvas(1920, 1080);

  background(0);

  textFont(sora); // Font setzen

}

​

  // mein Code

function draw() {

  background(247,161,122);

  rectMode(CENTER);

​

  //translate(0, 0);

  mouseX/1000

  let num = map(mouseX, 0, width, 0, 200);

  //let num = map(sin(millis()/1000), -1, 1, 10, 200);

​

  for (let y = 0; y < num; y += 1) {

    let rot = map(y, 0, num, 0, PI);

    let posx = map(y, 0, num, 0, width);

    //let col = map(y, 0, num, 0, 255);

    //stroke(col);

    push();

    translate(1900, 0);

    rotate(rot);

    noFill();

    stroke(255);

    ellipse (100,0 , 55, 55)

    ellipse (100,50 , 55, 55)

    ellipse (100,100 , 55, 55)

    ellipse (100,150 , 55, 55)

    ellipse (100,200 , 55, 55)

    ellipse (100,250 , 55, 55)

    ellipse (100,300 , 55, 55)

    ellipse (100,350 , 55, 55)

    ellipse (100,400 , 55, 55)

    ellipse (100,450 , 55, 55)

    ellipse (100,500 , 55, 55)

    ellipse (100,550 , 55, 55)

    ellipse (100,600 , 55, 55)

    ellipse (100,650 , 55, 55)

    ellipse (100,700 , 55, 55)

    ellipse (100,750 , 55, 55)

    ellipse (100,800 , 55, 55)

    ellipse (100,850 , 55, 55)

    ellipse (100,900 , 55, 55)

    ellipse (100,950 , 55, 55)

    ellipse (100,1000 , 55, 55)

    ellipse (100,1050 , 55, 55)

    ellipse (100,1100 , 55, 55)

    ellipse (100,1150 , 55, 55)

    ellipse (100,1200 , 55, 55)

    ellipse (100,1250 , 55, 55)

    ellipse (100,1300 , 55, 55)

    ellipse (100,1350 , 55, 55)

    ellipse (100,1400 , 55, 55)

    ellipse (100,1450 , 55, 55)

    ellipse (100,1500 , 55, 55)

    ellipse (100,1550 , 55, 55)

    ellipse (100,1600 , 55, 55)

    ellipse (100,1650 , 55, 55)

    ellipse (100,1700 , 55, 55)

    ellipse (100,1750 , 55, 55)

    ellipse (100,1800 , 55, 55)

    ellipse (100,1850 , 55, 55)

    ellipse (100,1900 , 55, 55)

    ellipse (100,1950 , 55, 55)

    ellipse (100,2000 , 55, 55)

    ellipse (100,2050 , 55, 55)

    ellipse (100,2100 , 55, 55)

    ellipse (100,2150 , 55, 55)

    ellipse (100,2200 , 55, 55)

    ellipse (100,2250 , 55, 55)

    pop();

  }

    // Wort

  textSize(250);

  textAlign(CENTER, CENTER);

  fill(255);

  //noStroke();

  text("KEEP", width/2, height/2);

  // Hilfe Text

  fill(0);

  textSize(32);

  text("?", 15, 20);

  if (mouseX > 0 && mouseX < 30 && mouseY > 0 && mouseY < 30) {

    cursor(HAND);

    text(content, 20, 40, 500, height);

    //text(content, 20, 40, 500, height);

  }

  else {

    cursor(ARROW);}

​

// Bild speichern

function keyPressed() {

  if (key == "s") {

    save('tool_grafik.png');

  }

}

}