Programski jezici → Processing → Interakcija mišem i tastaturom

Interakcija mišem i tastaturom u Processing-u

Položaj miša: mouseX i mouseY

Processing u svakom trenutku zna gde je kursor. Promenljive mouseX i mouseY sadrže koordinate miša unutar prozora, a pmouseX i pmouseY položaj iz prethodnog kadra. Pošto se draw() izvršava oko 60 puta u sekundi, dovoljno je da oblik nacrtamo na položaju miša i on će ga pratiti.

void setup() {
  size(400, 400);
}

void draw() {
  background(230);
  fill(0, 120, 255);
  noStroke();
  ellipse(mouseX, mouseY, 40, 40);   // krug prati kursor
}

Klik mišem: mousePressed i mouseButton

Postoje dva načina da se reaguje na taster miša:

• promenljiva mousePressed je true sve dok je taster pritisnut – pogodno za crtanje dok se drži taster;
• funkcija void mousePressed() se pozove jednom pri svakom pritisku – pogodno za brojanje klikova.

Promenljiva mouseButton kaže koji je taster pritisnut: LEFT, RIGHT ili CENTER. U primeru ispod je jednostavan program za crtanje: levi taster crta, desni briše, a taster c čisti ceo crtež.

void setup() {
  size(500, 400);
  background(255);
}

void draw() {
  if (mousePressed) {                 // taster miša je pritisnut
    if (mouseButton == LEFT) {
      stroke(0);                      // levi taster – crna olovka
      strokeWeight(4);
    } else {
      stroke(255);                    // desni taster – gumica
      strokeWeight(20);
    }
    line(pmouseX, pmouseY, mouseX, mouseY);   // linija od prethodnog do trenutnog položaja
  }
}

void keyPressed() {
  if (key == 'c') {
    background(255);                  // taster c briše crtež
  }
}

Linija od (pmouseX, pmouseY) do (mouseX, mouseY) spaja dva uzastopna položaja, pa crtež nema rupa ni kada se miš brzo pomera.

Tastatura: key, keyCode i keyPressed

Za tastaturu važi isto pravilo: promenljiva keyPressed je true dok se taster drži, a funkcija void keyPressed() se poziva jednom pri pritisku. Pritisnuti znak je u promenljivoj key (npr. 'a', ' ').

Strelice i drugi posebni tasteri nemaju znak. Tada je key == CODED, a taster se prepoznaje po keyCode: LEFT, RIGHT, UP, DOWN.

float x = 200;
float y = 200;
float korak = 5;

void setup() {
  size(400, 400);
}

void draw() {
  background(30);
  fill(255, 200, 0);
  rect(x - 20, y - 20, 40, 40);

  if (keyPressed && key == CODED) {   // posebni tasteri (strelice) imaju key == CODED
    if (keyCode == LEFT)  x -= korak;
    if (keyCode == RIGHT) x += korak;
    if (keyCode == UP)    y -= korak;
    if (keyCode == DOWN)  y += korak;
  }
  x = constrain(x, 20, width - 20);   // kvadrat ne izlazi iz prozora
  y = constrain(y, 20, height - 20);
}

Funkcija constrain(vrednost, min, max) vraća vrednost ograničenu na zadati opseg, pa kvadrat ostaje u prozoru. Pošto se provera radi u draw(), kvadrat se kreće ravnomerno dok god držiš strelicu.

Primer: igra „Pogodi metu“

Spojimo sve u malu igru. Na slučajnom mestu se pojavi crveni krug. Klik unutar kruga donosi poen i krug postaje manji, a klik pored kruga je promašaj. Da li je klik unutar kruga proveravamo rastojanjem: ako je rastojanje od miša do centra manje od poluprečnika, pogodak je.

float cx, cy;          // centar mete
float r = 30;          // poluprečnik mete
int poeni = 0;
int promasaji = 0;

void setup() {
  size(500, 400);
  novaMeta();
}

void draw() {
  background(240);
  fill(220, 40, 60);
  noStroke();
  ellipse(cx, cy, 2 * r, 2 * r);

  fill(0);
  textSize(18);
  text("Poeni: " + poeni + "   Promašaji: " + promasaji, 10, 25);
}

void mousePressed() {
  // klik je unutar kruga ako je rastojanje od centra manje od poluprečnika
  if (dist(mouseX, mouseY, cx, cy) < r) {
    poeni++;
    r = max(10, r - 2);   // meta je sve manja
  } else {
    promasaji++;
  }
  novaMeta();
}

void novaMeta() {
  cx = random(r, width - r);
  cy = random(40 + r, height - r);
}

Funkcija dist(x1, y1, x2, y2) računa rastojanje dve tačke po Pitagorinoj teoremi. random(a, b) daje slučajan broj iz intervala, pa nova meta uvek staje ceo u prozor i ne preklapa natpis sa poenima.

Zadaci za vežbu

Za svaki zadatak postoji uputstvo i rešenje. Rešenja su proverena prevođenjem.

Proveri znanje