# Comment bien débuter avec Processing ?
Commençons par **jeter un coup d’œil à l'interface !**
[](https://cracn.fr/uploads/images/gallery/2023-08/aCFbSj61d4kUZbwz-image.png)
Nous pouvons voir plusieurs éléments importants :
- un menu en haut, qui permet d'ouvrir les fichiers, de configurer l'affichage, etc.
- un bouton en forme de flèche qui permet de démarrer le programme
- un bouton, en haut à droite, permettant de changer la grammaire du langage
- un éditeur de texte
- une console pour afficher les erreurs
---
Pour débuter, je vous conseille de **charger un exemple** ! Ceux-ci sont situés dans le menu *Fichier > Exemples*. Je conseille d'ouvrir, dans le dossier *Basics > Input*, le fichier nommé *Mouse1D*. Une fois ouvert, lancez le à l'aide du bouton *Exécuter*, en forme de flèche.
Et voilà ! **Prenez le temps de jeter un œil aux exemples** qui vous permettrons de vous familiariser avec Processing. Vous **pourrez copier-coller les morceaux de code qui vous intéressent**, et modifier le contenu pour tester des possibilités !
---
Voyons maintenant les fondamentaux du code. **Deux fonctions spéciales** sont prévues dans Processing. La première est la fonction *setup()*
***1: void setup() {
2: // Votre code ici
3: }***
Elle permet d'**indiquer au programme les commandes qu'il doit exécuter au moment où il démarre**. C'est par exemple là que vous indiquerez la taille de la fenêtre à créer.
La seconde s'appelle *draw()*. C'est elle qui contiendra **les instructions pour modifier l'affichage** de la fenêtre du programme. **Vous ne pouvez donner des instructions graphiques que dans cette fonction.**
***1: void draw() {
2: // Votre code ici
3: }***
---
**Utilisez la fonction *println()* pour afficher des informations dans la console.**
***1: void setup() {
2: println( displayWidth, displayHeight );
3: }***
---
Enfin, voici [la page de référence](https://processing.org/reference) pour bien se servir de Processing ! Il s'agit de la documentation, qui vous explique chacune des fonctions préprogrammées dans Processing !