Template Tool

let content = "You can 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(windowWidth, windowHeight);

  textFont(sora);// Font setzen

  background(0);

}

​

function draw() {

  background(1,128,181);

  rectMode(CENTER);

​

  translate(0, 100);

  mouseX/1000

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

​

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

    let rot = map(y, 1000, num, 0, 50); 

    let posx = map(y, 4000, num, 2000, 400); 

​

    //middle,small

    push();

    translate(width/ 2, 300); //objekt mittig 

    rotate(rot);

    noFill();

    stroke(255);

    line(0, 0, 100, 0);

    push();

    translate(width/ 3, 200); //objekt mittig 

    rotate(rot);

    noFill();

    stroke(255);

    //arc(0, 30, 60, 120, 0, PI);

    line(0, 0, 200, 0);

​

    push();

    translate(width/ 4, 200); //objekt mittig und position 

    rotate(rot);

    noFill();

    stroke(255);

    line(0, 0, 200, 0); // Länger der Linie 

  }

}

    // Wort

  textSize(250);

  textAlign(CENTER, CENTER);

  fill(120);

  //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, width-20, height-20);

  }

  else {

    cursor(ARROW);

}

​

// Bild speichern

function keyPressed() {

  if (key == "s") {

    save('tool_grafik.png');

  }

}