Note

Bonjour, bienvenue dans la communauté SunFounder pour les passionnés de Raspberry Pi, Arduino et ESP32 sur Facebook ! Plongez plus profondément dans l’univers du Raspberry Pi, Arduino et ESP32 avec d’autres amateurs.

Pourquoi nous rejoindre ?

• Assistance experte : Résolvez vos problèmes après-vente et relevez des défis techniques avec l’aide de notre communauté et de notre équipe.

• Apprendre & Partager : Échangez des astuces et des tutoriels pour améliorer vos compétences.

• Aperçus exclusifs : Accédez en avant-première aux annonces de nouveaux produits et bénéficiez de sneak peeks.

• Réductions spéciales : Profitez de remises exclusives sur nos derniers produits.

• Promotions festives et cadeaux : Participez à des promotions spéciales et à des tirages au sort.

👉 Prêt à explorer et à créer avec nous ? Cliquez sur [Ici] et rejoignez-nous dès aujourd’hui !

Hello Mouse

Dans ce projet, votre souris tracera continuellement des lignes vers un point fixe. Déplacez la souris et vous dessinerez une traînée unique d’étoiles. Cliquez avec la souris pour recommencer le dessin.

Code

int pointX = 172;
int pointY = 88;

void setup() {
    size(400, 400);
    stroke(255);
    background(192, 16, 18);
}

void draw() {
    line(pointX, pointY, mouseX, mouseY);
}

void mousePressed() {
    pointX=mouseX;
    pointY=mouseY;
    background(192, 16, 18);
}

Comment ça fonctionne ?

Le projet précédent dessinait une image statique sans animation ni interaction.

Si nous voulons créer une esquisse interactive, nous devons ajouter les fonctions setup() et draw() (ce sont des fonctions intégrées appelées automatiquement) pour construire l’animation.

• setup() : Exécutée une seule fois au début du programme.

• draw() : Exécutée en boucle, c’est là que nous ajoutons le code pour dessiner l’animation.

int pointX = 172;
int pointY = 88;

void setup() {
    size(400, 400);
    stroke(255);
    background(192, 16, 18);
}

void draw() {
    line(pointX, pointY, mouseX, mouseY);
}

L’esquisse ci-dessus fonctionne déjà parfaitement en tant que programme interactif.

Ensuite, vous pouvez ajouter un événement de clic de souris. Cet événement est mis en œuvre avec la fonction mousePressed(), où nous ajoutons des instructions pour actualiser le point cible et effacer l’écran.

int pointX = 172;
int pointY = 88;

void setup() {
    size(400, 400);
    stroke(255);
    background(192, 16, 18);
}

void draw() {
    line(pointX, pointY, mouseX, mouseY);
}

void mousePressed() {
    pointX=mouseX;
    pointY=mouseY;
    background(192, 16, 18);
}

Pour plus de détails, consultez la Processing Reference.