# 2D-coördinaten en tekenen

[Programmeergidsen](LEESMIJ.md)

**2D** betekent twee afmetingen: breedte en hoogte, zoals een tekening op papier. Een **coördinaat** vertelt een positie. Bij `(100, 50)` is x honderd stappen naar rechts en y vijftig stappen omlaag vanaf de **oorsprong**: het beginpunt `(0, 0)` linksboven.

Het tekengebied van Pliro is 640 bij 360 **logische pixels**: de eenheden waarmee je programma rekent. Ze hoeven niet één op één overeen te komen met de fysieke beeldpuntjes van je scherm. De host, de app die de tekening toont, kan het hele beeld vergroten of verkleinen. Hij bewaart de **beeldverhouding**, de verhouding tussen breedte en hoogte, zodat cirkels rond blijven. Zie [pixels en schermgroottes](../begrippen/beeldpunten.md).

De **straal** van een cirkel is de afstand van het midden tot de rand. De **diameter**, helemaal dwars door het midden, is twee keer de straal. De **breedte** van een lijn is haar dikte, niet haar lengte.

```pliro
# taal: nl
wisScherm("#0f172a")
rechthoek(80, 90, 480, 180, "#1e293b")
cirkel(320, 180, 70, "cyaan")
tekenLijn(120, 280, 520, 280, 6, "geel")
tekenTekst(320, 28, "PLIRO", 36, "wit", "pixel", "center")
tekenTekst(320, 318, "640 × 360 logische pixels", 18, "#cbd5e1", "sans", "center")
```

`wisScherm` begint een nieuw direct getekend beeld en verwijdert behouden
sprites. Een afzonderlijke achtergrond van `toonAfbeelding` kan op daarvoor
geschikte hosts beschikbaar blijven.

## Tekenen en plaatjes onthouden

Een **renderer** is het onderdeel van de host dat tekenopdrachten omzet in zichtbaar beeld. **Direct tekenen** voegt vormen toe aan het huidige beeld. Een **behouden sprite** is een benoemd plaatje dat de host onthoudt zodat je het later kunt veranderen. `wisScherm` wist het getekende beeld en die sprites. Een afbeeldingsachtergrond wordt apart behandeld op hosts die dit ondersteunen; zie [afbeeldingen en geluid](afbeeldingen-en-geluid.md).

## Gerelateerde lemma’s

[Syntaxis en waarden](../syntaxis/LEESMIJ.md) · [Ingebouwde functies](../ingebouwde-functies/LEESMIJ.md) · [Programmeergidsen](LEESMIJ.md)