Modifications

Le restant de ce tutoriel couvre les fonctions graphiques qui fonctionnent toutes de la même façon quelque que soit le type d'afficheur.

Le restant de ce tutoriel couvre les fonctions graphiques qui fonctionnent toutes de la même façon quelque que soit le type d'afficheur.

La description des fonctions est simplement basée sur leur prototype — nous assumons d'un objet "display" (afficheur) est déclaré et initialisé à l'aide de la librairie spécifique. Vérifiez le code d'exemple de chaque librairie pour voir son utilisation réelle.  

La description des fonctions est simplement basée sur leur prototype — nous assumons d'un objet "display" (afficheur) est déclaré et initialisé à l'aide de la librairie spécifique. Vérifiez le code d'exemple de chaque librairie pour voir son utilisation réelle.  

Par exemple, lorsque nous décrivons print(1234.56), le code de la librairie placera le nom de l'objet devant l'appel, e.g. it might read screen.print(1234.56) (if you have declared your display object with the name screen).

Par exemple, lorsque nous décrivons le prototype print(1234.56), le code devrait contenir le nom de l'objet représentant l'afficheur devant l'appel de la fonction. Par exemple, vous devriez lire screen.print(1234.56) si vous avez déclaré votre objet d'affichage sous le nom de "screen".

=== Dessiner des pixels (points) ===

=== Dessiner des pixels (points) ===

First up is the most basic pixel pusher. You can call this with X, Y coordinates and a color and it will make a single dot:  

Commençons par l'opération la plus fondamentale... la manipulation d'un pixel (point).

 

Vous pouvez appeler la fonction avec les coordonnées X, Y et la couleur du point. Cela affichera un simple point:  

  void drawPixel(uint16_t x, uint16_t y, uint16_t color);

  void drawPixel(uint16_t x, uint16_t y, uint16_t color);

=== Dessiner une ligne ===

=== Dessiner une ligne ===

You can also draw lines, with a starting and end point and color:  

Vous pouvez dessiner des lignes avec leur point de départ, de fin ainsi que leur couleur:  

  void drawLine(uint16_t x0, uint16_t y0, uint16_t x1, uint16_t y1, uint16_t color);

  void drawLine(uint16_t x0, uint16_t y0, uint16_t x1, uint16_t y1, uint16_t color);

[[Fichier:GLX-DrawLine2.jpg]]

[[Fichier:GLX-DrawLine2.jpg]]

For horizontal or vertical lines, there are optimized line-drawing functions that avoid the angular calculations:  

Nous disposons aussi de fonction optimisées pour dessiner des lignes verticales et horizontales. Ces fonctions sont optimisées pour éviter les différents calculs angulaires:  

  void drawFastVLine(uint16_t x0, uint16_t y0, uint16_t length, uint16_t color);

  void drawFastVLine(uint16_t x0, uint16_t y0, uint16_t length, uint16_t color);

=== Dessiner un rectangle ===

=== Dessiner un rectangle ===

Next up, rectangles and squares can be drawn and filled using the following procedures. Each accepts an X, Y pair for the top-left corner of the rectangle, a width and height (in pixels), and a color. drawRect() renders just the frame (outline) of the rectangle — the interior is unaffected — while fillRect() fills the entire area with a given color:

Ensuite, nous pouvons dessiner des rectangles, des carrés mais aussi les remplir à l'aide des procedures suivantes.

 

Chaque procedure accepte une paire de paramètre X, Y pour le coin supérieur-gauche du rectangle, une largeur (width) et hauteur (height) en pixels, ainsi qu'une couleur.  

 

drawRect() fait le rendu du pourtour d'un rectangle (the frame/outline) — l'intérieur du rectangle n'est pas affecté!

 

fillRect() effectue en plus le remplissage de l'aire (du rectangle) avec la couleur mentionnée.

  void drawRect(uint16_t x0, uint16_t y0, uint16_t w, uint16_t h, uint16_t color);

  void drawRect(uint16_t x0, uint16_t y0, uint16_t w, uint16_t h, uint16_t color);

[[Fichier:GLX-DrawRect2.jpg]]

[[Fichier:GLX-DrawRect2.jpg]]

To create a solid rectangle with a contrasting outline, use fillRect() first, then drawRect() over it.  

Pour créer des rectangles avec un bord contrasté (contrasted outline), utiliser d'abord fillRect() suivit de drawRect() (par dessus avec une couleur différente).  

=== Dessiner des cercles ===

=== Dessiner des cercles ===