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:

1.1. Intro¶
När du öppnar programmet ser du ett tomt program 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.

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"

![]() |
Gick det bra? Visa det för en vuxen så får du ett klistermärke! |
|---|---|
