.. note:: こんにちは、SunFounderのRaspberry Pi & Arduino & ESP32愛好家コミュニティへようこそ！Facebook上でRaspberry Pi、Arduino、ESP32についてもっと深く掘り下げ、他の愛好家と交流しましょう。 **参加する理由は？** - **エキスパートサポート**：コミュニティやチームの助けを借りて、販売後の問題や技術的な課題を解決します。 - **学び＆共有**：ヒントやチュートリアルを交換してスキルを向上させましょう。 - **独占的なプレビュー**：新製品の発表や先行プレビューに早期アクセスしましょう。 - **特別割引**：最新製品の独占割引をお楽しみください。 - **祭りのプロモーションとギフト**：ギフトや祝日のプロモーションに参加しましょう。 👉 私たちと一緒に探索し、創造する準備はできていますか？[|link_sf_facebook|]をクリックして今すぐ参加しましょう！ .. _sh_guide: 1.3 PictoBloxのクイックガイド ==================================== 必要な部品 ----------------------- このプロジェクトには、以下のコンポーネントが必要です。 全キットを購入するのが確実に便利です。リンクはこちらです： .. list-table:: :widths: 20 20 20 :header-rows: 1 * - 名前 - このキットのアイテム - リンク * - ESP32 Starter Kit - 320+ - |link_esp32_starter_kit| 以下のリンクから個別に購入することもできます。 .. list-table:: :widths: 30 20 :header-rows: 1 * - コンポーネントの紹介 - 購入リンク * - :ref:`cpn_esp32_wroom_32e` - |link_esp32_wroom_32e_buy| * - :ref:`cpn_esp32_camera_extension` - |link_esp32_extension_board| * - :ref:`cpn_breadboard` - |link_breadboard_buy| * - :ref:`cpn_wires` - |link_wires_buy| * - :ref:`cpn_resistor` - |link_resistor_buy| * - :ref:`cpn_led` - |link_led_buy| さて、PictoBloxの2つのモードの使用方法を学びましょう。 また、このLEDを2つの異なるモードで点滅させるための簡単な回路も組み立てます。 .. image:: ../img/circuit/1_hello_led_bb.png .. _stage_mode: ステージモード --------------- **1. ESP32ボードに接続する** ESP32ボードをUSBケーブルでコンピュータに接続します。通常、コンピュータは自動的にボードを認識し、最終的にCOMポートを割り当てます。 .. image:: ../../img/plugin_esp32.png :width: 600 :align: center PictoBloxを開くと、デフォルトでPythonプログラミングインターフェイスが開きます。そして、私たちはブロックインターフェイスに切り替える必要があります。 .. image:: img/0_choose_blocks.png すると、モード切替のための右上の角にあるオプションが見えます。デフォルトはステージモードで、Tobiがステージの上に立っています。 .. image:: img/1_stage_upload.png 右上のナビゲーションバーの **Board** をクリックしてボードを選択します。 .. image:: img/1_board.png 例えば、 **ESP32** を選択します。 .. image:: img/1_choose_uno.png 接続ウィンドウがポップアップして、接続するポートを選択します。接続が完了するとホームページに戻ります。使用中に接続が切れた場合は、 **Connect** をクリックして再接続することもできます。 .. image:: img/1_connect.png 同時に、 **Block Palette** にESP32関連のパレット、例えばESP32、アクチュエーターなどが表示されます。 .. image:: img/1_arduino_uno.png **2. ファームウェアのアップロード** ステージモードで作業を行うため、ボードにファームウェアをアップロードする必要があります。これにより、ボードとコンピュータ間のリアルタイム通信が保証されます。ファームウェアのアップロードは一度きりのプロセスです。アップロードするには、アップロードファームウェアボタンをクリックします。 しばらく待つと、アップロード成功のメッセージが表示されます。 .. note:: このボードをPictoBloxで初めて使用する場合、または以前にArduino IDEでアップロードしたことがある場合は、使用する前に **Upload Firmware** する必要があります。 .. image:: img/1_firmware.png **3. プログラミング** * スクリプトを直接開いて実行する もちろん、スクリプトを直接開いて実行することもできますが、まず `github `_ からダウンロードしてください。 右上の **File** をクリックしてから、 **Open** を選択します。 .. image:: img/0_open.png **Open from Computer** を選択します。 .. image:: img/0_dic.png ``esp32-starter-kit-main\scratch`` のパスに移動し、 **1. Stage Mode.sb3** を開きます。 `github `_ から必要なコードをダウンロードしたことを確認してください。 .. image:: img/0_stage.png スクリプトを直接クリックして実行します。一部のプロジェクトでは、緑の旗をクリックするか、スプライトをクリックします。 .. image:: img/1_more.png * ステップバイステップでプログラムする これらのステップに従ってスクリプトをステップバイステップで書くこともできます。 **ESP32** パレットをクリックします。 .. image:: img/1_arduino_uno.png LEDはデジタルピン26（HIGHまたはLOWの2つの状態のみ）によって制御されるため、[set digital pin out as] ブロックをスクリプトエリアにドラッグします。 LEDのデフォルト状態は点灯しているので、今はピン23をLOWに設定し、このブロックをクリックするとLEDが消えるのを見ることができます。 * [set digital pin out as]: デジタルピンを（HIGH/LOW）レベルに設定します。 .. image:: img/1_digital.png 連続して点滅するLEDの効果を見るためには、 **Control** パレットの [Wait 1 seconds] と [forever] ブロックを使用する必要があります。これらのブロックを書いた後でクリックすると、黄色いハローが表示され、実行中であることを意味します。 * [Wait 1 seconds]: **Control** パレットから、2つのブロック間の時間間隔を設定するために使用されます。 * [forever]: **Control** パレットから、手動で一時停止しない限りスクリプトが実行し続けることを可能にします。 .. image:: img/1_more.png .. _upload_mode: アップロードモード --------------------- **1. ESP32ボードの接続** USBケーブルでESP32ボードをコンピュータに接続します。通常、コンピュータは自動的にボードを認識し、最終的にCOMポートを割り当てます。 .. image:: ../../img/plugin_esp32.png :width: 600 :align: center PictoBloxを開き、右上のナビゲーションバーの **Board** をクリックしてボードを選択します。 .. image:: img/1_board.png 例えば、 **ESP32** を選択します。 .. image:: img/1_choose_uno.png 接続ウィンドウがポップアップし、接続するポートを選択します。接続が完了するとホームページに戻ります。使用中に接続が切れた場合は、 **Connect** をクリックして再接続できます。 .. image:: img/1_connect.png 同時に、 **Block Palette** にESP32関連のパレットが表示されます。 .. image:: img/1_upload_uno.png アップロードモードを選択すると、ステージが元のコードエリアに切り替わります。 .. image:: img/1_upload.png **2. プログラミング** * スクリプトを直接開いて実行する 右上の **File** をクリックします。 .. image:: img/0_open.png **Open from Computer** を選択します。 .. image:: img/0_dic.png ``esp32-starter-kit-main\scratch`` のパスに移動し、 **1. Upload Mode.sb3** を開きます。 `github `_ から必要なコードをダウンロードしたことを確認してください。 .. image:: img/0_upload.png 最後に、 **Upload Code** ボタンをクリックします。 .. image:: img/1_upload_code.png * ステップバイステップでプログラムする これらのステップに従ってスクリプトをステップバイステップで書くこともできます。 **ESP32** パレットをクリックします。 .. image:: img/1_upload_uno.png スクリプトエリアに[when ESP32 starts up]をドラッグします。これはすべてのスクリプトに必要です。 .. image:: img/1_uno_starts.png LEDはデジタルピン26（HIGHまたはLOWの2つの状態のみ）によって制御されるため、[set digital pin out as] ブロックをスクリプトエリアにドラッグします。 LEDのデフォルト状態が点灯しているので、今はピン26をLOWに設定し、このブロックをクリックするとLEDが消えるのが見えます。 * [set digital pin out as]: デジタルピンを（HIGH/LOW）レベルに設定します。 .. image:: img/1_upload_digital.png ここで右側にコードが表示されます。このコードを編集したい場合は、編集モードをオンにします。 .. image:: img/1_upload1.png 連続して点滅するLEDの効果を見るためには、 **Control** パレットの [Wait 1 seconds] と [forever] ブロックを使用する必要があります。これらのブロックを書いた後でクリックすると、黄色いハローが表示され、実行中であることを意味します。 * [Wait 1 seconds]: **Control** パレットから、2つのブロック間の時間間隔を設定するために使用されます。 * [forever]: **Control** パレットから、電源がオフにならない限りスクリプトが実行し続けることを可能にします。 .. image:: img/1_upload_more.png 最後に、 **Upload Code** ボタンをクリックします。 .. image:: img/1_upload_code.png