Note

Bonjour et bienvenue dans la Communauté Facebook des passionnés de Raspberry Pi, Arduino et ESP32 de SunFounder ! Plongez plus profondément dans l’univers des Raspberry Pi, Arduino et ESP32 avec d’autres passionnés.

Pourquoi rejoindre ?

• Support d’experts : Résolvez les problèmes après-vente et les défis techniques avec l’aide de notre communauté et de notre équipe.

• Apprendre et 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 aux aperçus.

• Réductions spéciales : Profitez de réductions exclusives sur nos produits les plus récents.

• Promotions festives et cadeaux : Participez à des cadeaux et des promotions de vacances.

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

Carrés de Couleur Clicables

Nous avons déjà essayé de dessiner un point cliquable pour contrôler la LED, allons donc plus loin et dessinons 3 carrés colorés pour ajuster les couleurs RGB !

Composants nécessaires

Pour ce projet, nous avons besoin des composants suivants.

Il est certainement pratique d’acheter un kit complet, voici le lien :

Nom	ÉLÉMENTS DANS CE KIT	LIEN
Kit Raphael	337	Raphael Kit

Vous pouvez également les acheter séparément à partir des liens ci-dessous.

INTRODUCTION DES COMPOSANTS	LIEN D’ACHAT
Carte d’extension GPIO	ACHETER
Plaque d’expérimentation (Breadboard)	ACHETER
Fils de Liaison	ACHETER
LED RVB	ACHETER

Câblage

Esquisse

import processing.io.*; // utiliser la bibliothèque GPIO

int[] pins = { 17, 18, 27 };

void setup() {
    for (int i = 0; i < pins.length; i++) {
        GPIO.pinMode(pins[i], GPIO.OUTPUT);
    }
    size(300, 100);
    background(255);
}

void draw() {
    fill(255, 0, 0);
    rect(0, 0, width/3, height);

    fill(0,255,0);
    rect(width/3, 0, 2*width/3, height);

    fill(0,0,255);
    rect(2*width/3, 0, width, height);
}

void mouseClicked() {
    for (int i = 0; i < pins.length; i++) {
        GPIO.digitalWrite(pins[i],GPIO.LOW);
    }
    if (mouseX<width/3){
        GPIO.digitalWrite(pins[0],GPIO.HIGH);
    }else if (mouseX>width/3&&mouseX<2*width/3){
        GPIO.digitalWrite(pins[1],GPIO.HIGH);
    }else if (mouseX>2*width/3){
        GPIO.digitalWrite(pins[2],GPIO.HIGH);
    }
}

Comment ça fonctionne ?

Ce projet a beaucoup en commun avec Point Cliquable, sauf qu’il affine les conditions pour déterminer l’événement de clic de souris.

Dessinez d’abord trois blocs de couleur dans draw(), puis identifiez quel bloc de couleur a été cliqué en fonction de la valeur de mouseX (la coordonnée X de la souris), et enfin, allumez la couleur correspondante avec la LED RGB.

Quoi de plus ?

En combinant les lumières, nous pouvons faire afficher à la LED RGB sept couleurs - ajouter du rouge au vert produit du jaune ; ajouter les trois couleurs primaires ensemble produit du blanc. Maintenant, essayez-le vous-même.