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


Tastatur-Spiel

Mit Tastatur-Events kann man ziemlich einfach Geschicklichkeitsspiele machen…

Demo

Schaut Euch die Demo an…

P5

var d = 100;
var x, y;
var s = 1; // Geschwindigkeit
var Xr = 1; // X-Richtung
var Yr = 1; // Y-Richtung

function setup() {
  createCanvas(960, 500);
  noStroke();
  textSize(100);
  textAlign(CENTER);
  x = 0;
  y = 0;
}

function draw(){
  background(255);
  fill(255,0,0);
  ellipse(x,y,d)
  x = x + (s * Xr);
  y = y + (s * Yr);

  // wenn der Mittelpunkt des Kreises die Ränder der Bühne berührt
  // ist das Spiel aus
  if (x < 0 || x > width || y < 0 || y > height ){
    background(0);
    text("Game over!", width/2, 280);
  }
}

function keyPressed(){

  if (key == "X" || key == "x"){
    // ändert die X-Richtung
    Xr = -Xr;
  }

  if (key == "Y" || key == "y"){
    // ändert die Y-Richtung
    Yr = -Yr;
  }

  if (key == "S" || key == "s") {
    // Erhöht die Geschwindigkeit
    s = s + 1;
  }

  if (key == "N" || key == "n") {
    // Neustart, alles auf 0 setzen
    x = 0;
    y = 0;
    Xr = 1;
    Yr = 1;
  }

}