注釈

こんにちは、SunFounderのRaspberry Pi & Arduino & ESP32愛好家コミュニティへようこそ！Facebook上でRaspberry Pi、Arduino、ESP32についてもっと深く掘り下げ、他の愛好家と交流しましょう。

参加する理由は？

  • エキスパートサポート：コミュニティやチームの助けを借りて、販売後の問題や技術的な課題を解決します。

  • 学び＆共有：ヒントやチュートリアルを交換してスキルを向上させましょう。

  • 独占的なプレビュー：新製品の発表や先行プレビューに早期アクセスしましょう。

  • 特別割引：最新製品の独占割引をお楽しみください。

  • 祭りのプロモーションとギフト：ギフトや祝日のプロモーションに参加しましょう。

👉 私たちと一緒に探索し、創造する準備はできていますか？[ここ]をクリックして今すぐ参加しましょう！

クリック可能な点

私たちは動きのあるグラフィックを描くこと、マウスイベントに反応すること、そしてLEDを制御することを試みました。それらの機能を組み合わせて、LEDを制御するためのクリック可能な点を描くのもいいでしょう！

../_images/clickable_dot_on.png

必要な部品

このプロジェクトには、以下の部品が必要です。

キット全体を購入すると非常に便利です。以下がリンクです：

名前

このキットのアイテム

リンク

Raphael Kit

337

Raphael Kit

以下のリンクから、それぞれ別々に購入することもできます。

コンポーネントの紹介

購入リンク

GPIO拡張ボード

BUY

ブレッドボード

BUY

ジャンパーワイヤー

BUY

LED

BUY

配線図

../_images/image492.png

スケッチ

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;}
}

どのように動作するのか？

このプロジェクトは 点の点滅 と多くの共通点がありますが、違いはトグル状態をマウスイベントに入れることです。 これにより、LEDは自動的に点滅せず、マウスクリックで点灯したり消灯したりします。

そして、 mouseClicked() イベントでは、クリック時のマウスの位置を判断するために dist() 関数が使用され、マウスとドットの中心との距離が半径より短い場合のみ、ドットがクリックされたとみなされます。