Rektangel

Eksemplet her tager udgangspunkt i Coordinatsystemer og objekter, og i .

Et meget anvendeligt element til at tegne spilobjekter med er rektangler.

Optegning af rektangel med forskellig stroke

Rektangel

Det første eksempel illustrerer hvordan man kan bruge strokeWeight() til at ændre stregen omkring rektanglet.

int aktuel = 0;

void setup() {
  size(140, 140);
  strokeWeight(aktuel);
}

void draw() {
  background(255);
  strokeWeight(aktuel);
  fill(180);
  rect(20, 20, 100, 100);
}

void mouseClicked() {
  aktuel++;
  if (aktuel == 10) {
    aktuel = 0;
  }
}

Rotation af rektanglet

Rektangel

Eksemplet her tager udgangspunkt i rotate().

Her illustreres hvordan rotate() anvendes.

Der anvendes translate(), som skubber (0, 0) af koordinatsystemet med (110, 110) der i dette tilfælde er ud midt i vinduet.

Med rotate() drejes koordinatsystemet så i takker af 15 grader (museklik), og der tegnes et kvadrat der er 70 x 70 pixel, med start i (0, 0) så det roteres om det ene hjørne.

int aktuel = 0;

void setup() {
  size(220, 220);
  strokeWeight(aktuel);
  strokeWeight(3);
  fill(180);
}

void draw() {
  background(255);
  translate(110, 110);
  rotate(radians(aktuel));
  rect(0, 0, 70, 70);
}

void mouseClicked() {
  aktuel+= 15;
  if (aktuel == 360) {
    aktuel = 0;
  }
}

Tegne-mode rectMode()

rectMode()

Eksemplet her tager udgangspunkt i rectMode().

Dette eksempel viser hvordan et rektangel tegnes i 4 forskellige modes, som giver forskelligt resultat.

int aktuel = 0;
String tekst = "CORNER";

void setup() {
  size(220, 220);
  strokeWeight(3);
  textSize(20);
}

void draw() {
  background(255);
  fill(180);
  rect(50, 50, 70, 70);
  fill(0);
  text(tekst, 20, 150);
}

void mousePressed() {
  aktuel++;
  if (aktuel == 4) {
    aktuel = 0;
  }
  if (aktuel == 0) { 
    rectMode(CORNER);
    tekst = "CORNER";
  }
  if (aktuel == 1) { 
    rectMode(CORNERS); 
    tekst = "CORNERS";
  }
  if (aktuel == 2) { 
    rectMode(RADIUS);
    tekst = "RADIUS";
  }
  if (aktuel == 3) { 
    rectMode(CENTER); 
    tekst = "CENTER";
  }
}

Referencer

Spiludvikling - Processing
Bruger-input	mousePressed() - mouseReleased() - mouseClicked() - mouseMoved() - mouseDragged() - mouseX og mouseY - mouseButton - mousePressed - keyPressed() - keyReleased() - keyTyped() - key - keyCode - keyPressed - Flere taster
Data-model	Objekt Placering - Objekt Hastighed - Spilleplade - Flere Objekter - Array i Spil - 2-dimensionelt Array - Spil Hop - Highscore - Start-skærm
Visning	Rektangel - Cirkel - Spilleplade - Grafikobjekter - Farver i Spil - Kollision
Spil-tid	frameRate - Objekter i Bevægelse - Spilletid - Spil Opdatering - Udvikling i Tid
Objekter	Objekter i Bevægelse