Skip to content

13. PImage

Under den här lektionen ska vi jobba med bilder!

Dator Smiley
PImage 'Pi-imugh'

13.1. Felmeldningen

Spara den här koden. Kör koden. Vad ser du?

PImage bild;

void setup() 
{
  size(640, 360);
  bild = loadImage("mario.png");
}

void draw() 
{
  background(255, 255, 255);
  image(bild, 100, 200);
}

13.1. Svar

Du får ett fel!

Felmeldningen

Solglasögon Datorn säger att den inte kan hitta bilden!

13.2. Att använda en bild

Gå till https://raw.githubusercontent.com/richelbilderbeek/processing_foer_ungdomar/main/docs/chapters/13_PImage/mario.png och ladda ner den här bilden av Mario.

mario.png

Lägg den här bilden i en undermapp där din kod finns.

Här är en bild som visar var filerna ska vara:

Mappstruktur

  • Skissen heter PImage1.pde. Därför finns den i mappen PImage1. Du hittar detta i Bearbetning under Sketch -> Show Sketch Map
  • Skissen har en mapp data. Den innehåller bilden mario.png.

13.3. Slutuppgift

PImage: slutuppgift

Gör så att programmet körs i helskärm. Gör bakgrunden grön och lägg bilden i mitten.