Programmering

Processing Cheatsheet

Confusion is part of programming.

Felienne Hermans
Grundlæggende struktur
       void setup(){
       //kører kun en gang ved programstart
       }
       void draw(){
       // kører kontinuerligt mens programmet kører
       }

setup() draw()

Koordinat system

Koordinatsystem I alle Processing sketches er det øverste venstre hjørne der er (0,0). Vi kan ændre på denne akse når vi bruger translate() og rotate(). Se afsnit om Matrix operationer.

Den mindste måleenhed på skærmen er en pixel.

Variabel datatyper
  • int - Positive og negative heltalsvariabler
  • float - Positive og negative decimaltalsvariabler
  • boolean - Variabler hvor værdien kan være: TRUE eller FALSE. Dvs. 1 eller 0.
  • color - Gemmer farvetype værdier i forskellige formater, eks. RGB, HSB eller HEX.
  • char - Gemmer en enkelt karakter, eks. 'A'.
  • string - Gemmer en enkelt streng af karakterer, eks. “Processing”.

int float boolean color char string

Globale Variabler
  • width - returnere sketchens bredde i pixels.
  • height - returnere sketchens højde i pixels.
  • mouseX - returnere musens position på x-axen.
  • mouseY - returnere musens position på y-axen.
  • pmouseX - returnere musens forrige position på x-axen.
  • pmouseY - returnere musens forrige position på y-axen.
  • frameCount - returnere sketchens nuværende frame.
  • frameRate - returnere sketchens nuværende frames per second(FPS).

width height mouseX mouseY pmouseX pmouseY frameCount frameRate

Grundlæggende funktioner
     size(width, height); // Sætter canvas' størrelse i pixels.
     background(color); // Sætter baggrundsfarven på canvas.
     frameRate(fps); // Sætter frameraten på dit program, dvs. hvor mange gange skal draw kører i sekundet. 
     println(string); // Skriver en streng i konsollen.

size() background() frameRate() println()

Grundlæggende Geometri
ellipse(x,y,w,h);

Tegner en ellipse centreret i position (x,y) med størrelsen bredde(w) og højde(h).

ellipse()

rect(x,y,w,h);

Tegner en rektangel med øverste venstre hjørne i position (x,y) med størrelsen bredde(w) og højde(h).

rect()

line(x1,y1,x2,y2);

Tegner en linje fra (x1,y1) til (x2,y2).

line()

Andre figurer
     point(x1,x2);
     triangle(x1,y1,x2,y2,x3,y3);
     quad(x1,y1,x2,y2,x3,y3,x4,y4);
     circle(x,y,extent); //extent = width og height

point() triangle() quad() circle()

Stroke og Fill
fill(color); // Sætter farven der bliver brugt til at fylde figurer. 
noFill(); // Deaktiverer fill farven.
stroke(color); // Sætter farven der bliver brugt til at tegne streger omkring figurer. 
noStroke(); // Deaktiverer stroke for figurer.

|

fill() noFill() stroke() noStroke()

Farve funktioner
colorMode(mode); // Sætter color mode. HSB eller RGB. 
red(color); // returnere den røde værdi fra farven. 
green(color); // returnere den grønne værdi fra farven.
blue(color); // returnere den blå værdi fra farven.
hue(color); // returnere hue værdien fra farven.
saturation(color); // returnere saturations værdien fra farven.
brightness(color); //returnere brightness værdien fra farven.
alpha(color); // returnere den transparente værdi fra farven.
lerpColor(color1, color2, moment); // returnere en farve værdi mellem to farver.

colorMode() red() green() blue() hue() saturation() brightness() alpha() lerpColor()

Random og Noise
   random(low, high); // Returnere en tilfældig værdi mellem low og high.
   noise(value); // Returnerer en værdi i Perlin Noise sekvensen.

random() noise()

Task Runner