Bemerkung

Hallo und willkommen in der SunFounder Raspberry Pi & Arduino & ESP32 Enthusiasten-Gemeinschaft auf Facebook! Tauchen Sie tiefer ein in die Welt von Raspberry Pi, Arduino und ESP32 mit anderen Enthusiasten.

Warum beitreten?

  • Expertenunterstützung: Lösen Sie Nachverkaufsprobleme und technische Herausforderungen mit Hilfe unserer Gemeinschaft und unseres Teams.

  • Lernen & Teilen: Tauschen Sie Tipps und Anleitungen aus, um Ihre Fähigkeiten zu verbessern.

  • Exklusive Vorschauen: Erhalten Sie frühzeitigen Zugang zu neuen Produktankündigungen und exklusiven Einblicken.

  • Spezialrabatte: Genießen Sie exklusive Rabatte auf unsere neuesten Produkte.

  • Festliche Aktionen und Gewinnspiele: Nehmen Sie an Gewinnspielen und Feiertagsaktionen teil.

👉 Sind Sie bereit, mit uns zu erkunden und zu erschaffen? Klicken Sie auf [hier] und treten Sie heute bei!

Klickbarer Punkt

Wir haben bereits Bewegungsgrafiken gezeichnet, auf Mausereignisse reagiert und LEDs gesteuert. Also könnten wir diese Funktionen kombinieren und einen klickbaren Punkt zeichnen, um die LED zu steuern!

../_images/clickable_dot_on.png

Benötigte Komponenten

Für dieses Projekt benötigen wir die folgenden Komponenten.

Es ist definitiv praktisch, ein ganzes Kit zu kaufen, hier ist der Link:

Name

ARTIKEL IN DIESEM KIT

LINK

Raphael Kit

337

Raphael Kit

Sie können sie auch einzeln über die untenstehenden Links kaufen.

KOMPONENTENBESCHREIBUNG

KAUF-LINK

GPIO-Erweiterungsplatine

BUY

Steckbrett

BUY

Jumper-Kabel

BUY

LED

BUY

Verdrahtung

../_images/image492.png

Skizze

import processing.io.*;
boolean state = false;
int ledPin = 17;

void setup() {
    GPIO.pinMode(ledPin, GPIO.OUTPUT);
    background(255);
}

void draw() {
    if (state == true) {
        GPIO.digitalWrite(ledPin, GPIO.LOW);
        fill(255, 0, 0);
    }else {
        GPIO.digitalWrite(ledPin, GPIO.HIGH);
        fill(155);
    }
    ellipse(width/2, height/2, width*0.75, height*0.75);
}

void mouseClicked() {
    //  toggles state:
    if (2*dist(mouseX,mouseY,width/2, height/2)<=width*0.75)
        {state = !state;}
}

Wie funktioniert das?

Dieses Projekt hat viele Gemeinsamkeiten mit Blinkender Punkt. Der Unterschied besteht darin, dass der Umschaltzustand im Mausevent platziert ist. Dies führt dazu, dass die LED nicht automatisch blinkt, sondern mit einem Mausklick ein- und ausgeschaltet wird.

Im mouseClicked()-Ereignis wird die dist()-Funktion verwendet, um die Position der Maus zum Zeitpunkt des Klicks zu bestimmen. Der Punkt wird nur dann als angeklickt betrachtet, wenn der Abstand zwischen der Maus und dem Zentrum des Punktes kleiner als der Radius ist.