Skip to content

Lektion 1: Ett vackert program

Processing är ett programmeringsspråk som har utvecklats för designers och är mycket lämpligt för att göra spel och vackra saker.

Under den här lektionen lär vi oss

  • hur man kopierar kod till Processing
  • hur man startar programmet

Så här ser programmet ut:

Ett vackert program

1.1. Intro

När du öppnar programmet ser du ett tomt program utan kod:

Processing utan kod

Detta är programmeringskoden som vi kommer att använda:

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

void draw() 
{
  fill(mouseX, mouseY, mouseX + mouseY);
  ellipse(mouseX, mouseY, 50, 50);  
  fill(mouseY, mouseX, 255);
  ellipse(mouseY, mouseX, 50, 50);  
}

Vi kommer att förklara exakt vad koden gör senare. Just nu räcker det att veta att den gör något vackert.

Processing med kod

1.2. slutuppgift

  • Skriv av koden, precis som den ser ut, i programmet
  • Kör den här koden genom att klicka på knappen "Run"

Run knappen

Sunglasses Gick det bra? Visa det för en vuxen så får du ett klistermärke!