Ga naar hoofdinhoud

1.3 Je eerste rechthoek

Wat moet je al weten

We kunnen ook andere vormen tekenen, bijvoorbeeld een rechthoek.

Spel laden...

Als het goed is, zie je een rechthoek op je scherm.

1.3.1 Wat kan ik allemaal aanpassen?​

Net als bij play.new_circle worden de kleur en grootte standaard bepaald. Dit kun je zelf aanpassen. Dit zijn de attributen voor play.new_box:

  • color: Kleur, staat standaard op 'black'. Op deze pagina zie je welke kleuropties er zijn.
  • x: x-positie, staat standaard op 0 (het midden). Kleiner dan 0 is naar links, groter dan 0 is naar rechts.
  • y: y-positie, staat standaard op 0 (het midden). Kleiner dan 0 is naar beneden, groter dan 0 is naar boven.
  • width: de breedte van de rechthoek.
  • height: de hoogte van de rechthoek.
  • border_color: kleur van de rand, staat standaard op 'light blue'. Let op, als de border_width 0 is, zie je de rand niet.
  • border_width: de breedte van de rand. Staat standaard op 0 (geen rand zichtbaar).
  • border_radius: de afronding van de hoeken. Staat standaard op 0 (scherpe hoeken). Hoe hoger de waarde, hoe ronder de hoeken.
  • transparency: doorzichtigheid, 0 is onzichtbaar. 100 is volledig zichtbaar.
  • angle: de hoek van de rechthoek in graden. Staat standaard op 0.
  • size: de schaal van de rechthoek als percentage. Staat standaard op 100.

Om bijvoorbeeld de hoogte en breedte aan te passen kun je het volgende doen:

Spel laden...

Opdracht 1.3.1.a een weg tekenen​

We gaan deze afbeelding namaken met play.new_box weg

Maar hoe doen we dat eigenlijk? We helpen je een beetje op gang. Vanaf nu is het weer heel handig om te kijken in de Cheatsheet.

import play

# een zwarte achtergrond
play.new_box(width=800, height=600)

# een eerste wit rechthoek

:::info Wat moet je al weten
- [1.2 Je eerste cirkel](/docs/vormen/je_eerste_cirkel) - hoe je een vorm tekent en aanpast
:::

# VOEG HIER JE CODE TOE
Klik hier voor een tip.

Gebruik in totaal vier keer play.new_box (één zwart rechthoek en drie witte rechthoeken) en het is nuttig om de attributen y, width en height te gebruiken.

Klik hier voor een oplossing.
Spel laden...