Startseite Skripte für das Wintersemester 2017/18 Interaction Design P5, Teil 3 Tastatur-Events


Tastatur-Events

Drückt man auf der Tastatur auf einen Buchstaben, kann P5 dies interpretieren… Seid vorsichtig bei der Verwendung von „besonderen“ Tasten (Pfeiltasten…), das ist etwas komplizierter.

Demo

Schaut Euch die Demo an…

P5

var HG = 255;

function setup() {
  createCanvas(960, 400);
  background(255);
  textSize(200);
  textAlign(CENTER);
  fill(255,0,0);
}

function draw(){
  background(HG);
  text(key, width/2, 250); 
}

function keyPressed(){
  // Groß- und Kleinschreibung…
  if (key == "A" || key == "a"){
    HG = 0;
  }

  if (key == "B" || key == "b") {
    HG = 120;
  }

  if (key == "C" || key == "c") {
    HG = int(random(0,255));
  }
}