Je kunt in Processing afbeeldingen inladen en gebruiken in je sketches. Dit zijn vaak zogeheten bitmaps: afbeeldingen die bestaan uit losse pixels, zoals bij een foto. Als je ver inzoomt, dan wordt de afbeelding korrelig. Dit in tegenstelling tot vector graphics, waarbij het plaatje feitelijk bestaat uit wiskundige formules. Je kunt net zo ver inzoomen als je wilt, maar het is niet mogelijk om een foto te maken.
Je moet daarvoor wél een aantal dingen doen. Allereerst moet je het bestand toevoegen aan je sketch. Doe dit door in de menubalk te klikken op Sketch -> Add File en dan het bestand te kiezen.
Voor bitmaps doe je het volgende in je code:
PImage afbeelding;
void setup() {
afbeelding = loadImage("mijnbestand.jpg")
}
void draw() {
image(afbeelding, x, y);
}
Je kunt kiezen voor JPEGs, maar ook PNGs of GIFs zijn geen enkel probleem.
De x- en y-positie van de afbeelding zijn in principe de coordinaten van de linkerbovenhoek. Je kúnt ook kiezen voor het midden van de afbeelding. Of zelfs de linkerbovenhoek en de rechteronderhoek:
imageMode(CORNER);
// (x, y) van de linkerbovenhoek
image(afbeelding, x, y);
image(afbeelding, x, y, breedte, hoogte);
imageMode(CORNERS);
// (x1, y1) van de linkerbovenhoek
// (x2, y2) van de rechteronderhoek
image(afbeelding, x1, y1, x2, y2);
imageMode(CENTER);
// (x, y) van het centrum van de afbeelding
image(afbeelding, x, y);
image(afbeelding, x, y, breedte, hoogte);
Een vector graphics inladen gaat bijna hetzelfde, maar de namen zijn iets anders:
PShape afbeelding;
void setup() {
afbeelding = loadShape("mijnbestand.svg")
}
void draw() {
shape(afbeelding, x, y);
}
Je kunt gebruik maken van SVGs en OBJs (wat dat laatste ook moge zijn). Net als imageMode() is er ook een shapeMode(), die op precies dezelfde manier werkt.