Skip to content
Snippets Groups Projects
Commit f9f209ca authored by bartvbl's avatar bartvbl
Browse files

Finished documentation about drawing

parent 1f6ac183
No related branches found
No related tags found
No related merge requests found
Pipeline #184993 passed
...@@ -33,7 +33,15 @@ int main() ...@@ -33,7 +33,15 @@ int main()
### Rekkefølge av tegneoperasjoner ### Rekkefølge av tegneoperasjoner
Du kan tenke på vinduet som et slags maleri. Når du tegner over noe du har tegnet tidligere blir Du kan tenke på vinduet som et slags maleri. Det betyr at når du tegner over noe du har tegnet tidligere blir det «malt over».
For eksempel, dette er resultatet når rektangelen tegnes først og sirklen sist:
<img src="../../images/draw_order_1.png" alt="Bilde som viser x og y-aksen i vinduet" style="max-width:600px; width:100%;"/>
Og dette er resultatet dersom rektangelen tegnes sist:
<img src="../../images/draw_order_2.png" alt="Bilde som viser x og y-aksen i vinduet" style="max-width:600px; width:100%;"/>
## Basisformer ## Basisformer
...@@ -55,7 +63,7 @@ int main() ...@@ -55,7 +63,7 @@ int main()
### Sirkler ### Sirkler
For å tegne sirkler kan du bruke draw_circle() funksjonen. Denne krever et punkt hvor midtpunktet skal tegnes, og en radius som definerer hvor stor den skal være: For å tegne sirkler kan du bruke `draw_circle()` funksjonen. Denne krever et punkt hvor midtpunktet skal tegnes, og en radius som definerer hvor stor den skal være:
```c++ ```c++
Point circleOrigin {150, 150}; Point circleOrigin {150, 150};
...@@ -80,6 +88,8 @@ Det er mulig å endre på sirklens farge: ...@@ -80,6 +88,8 @@ Det er mulig å endre på sirklens farge:
<img src="../../images/circle_2.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/> <img src="../../images/circle_2.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/>
Og en kantlinje med en gitt farge:
```c++ ```c++
Point circleOrigin {150, 150}; Point circleOrigin {150, 150};
int radius = 100; int radius = 100;
...@@ -92,7 +102,7 @@ Det er mulig å endre på sirklens farge: ...@@ -92,7 +102,7 @@ Det er mulig å endre på sirklens farge:
### Trekanter ### Trekanter
Trekanter tegnes mellom tre punkt og `draw_triangle()` funksjonen:
```c++ ```c++
Point vertex0 {150, 50}; Point vertex0 {150, 50};
...@@ -103,7 +113,7 @@ Det er mulig å endre på sirklens farge: ...@@ -103,7 +113,7 @@ Det er mulig å endre på sirklens farge:
<img src="../../images/triangle_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/> <img src="../../images/triangle_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/>
Det er også mulig å endre fargen: Og som før kan fargen endres:
```c++ ```c++
Point vertex0 {150, 50}; Point vertex0 {150, 50};
...@@ -117,6 +127,8 @@ Det er også mulig å endre fargen: ...@@ -117,6 +127,8 @@ Det er også mulig å endre fargen:
### Rektangel ### Rektangel
Rektangel tegnes på et punkt som tilsvarer øverst venstre hjørnet samt et høyde og bredde. Den tegnes med `draw_rectangle()` funksjonen:
```c++ ```c++
Point topLeftCorner {50, 50}; Point topLeftCorner {50, 50};
int width = 150; int width = 150;
...@@ -126,6 +138,8 @@ Det er også mulig å endre fargen: ...@@ -126,6 +138,8 @@ Det er også mulig å endre fargen:
<img src="../../images/rectangle_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/> <img src="../../images/rectangle_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/>
Som alle andre former kan fargen endres:
```c++ ```c++
Point topLeftCorner {50, 50}; Point topLeftCorner {50, 50};
int width = 150; int width = 150;
...@@ -138,7 +152,7 @@ Det er også mulig å endre fargen: ...@@ -138,7 +152,7 @@ Det er også mulig å endre fargen:
### Quad ### Quad
En quad er et rektangel hvor hver hjørn kan flyttes uavhengig av hverandre. En quad er et rektangel hvor hver hjørn kan flyttes uavhengig av hverandre. Den tegnes med `draw_quad()` funksjonen:
```c++ ```c++
Point vertex0 {180, 80}; Point vertex0 {180, 80};
...@@ -150,6 +164,8 @@ En quad er et rektangel hvor hver hjørn kan flyttes uavhengig av hverandre. ...@@ -150,6 +164,8 @@ En quad er et rektangel hvor hver hjørn kan flyttes uavhengig av hverandre.
<img src="../../images/quad_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/> <img src="../../images/quad_1.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/>
Fargen kan justeres:
```c++ ```c++
Point vertex0 {180, 80}; Point vertex0 {180, 80};
Point vertex1 {50, 120}; Point vertex1 {50, 120};
...@@ -186,7 +202,7 @@ I tillegg kan linjens farge endres: ...@@ -186,7 +202,7 @@ I tillegg kan linjens farge endres:
### Arc ### Arc
En bue er en sirkel som tegnes delvis, mellom to vinkler relativ til sirklens midtpunkt: En bue er en sirkel som tegnes delvis, mellom et start og sluttvinkel relativ til sirklens midtpunkt:
<img src="../../images/arc_angles.png" alt="Bilde som viser x og y-aksen i vinduet" style="max-width:600px; width:100%;"/> <img src="../../images/arc_angles.png" alt="Bilde som viser x og y-aksen i vinduet" style="max-width:600px; width:100%;"/>
......
docs/images/draw_order_1.png

8.35 KiB

docs/images/draw_order_2.png

7.93 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment