1.3 PictoBloxのクイックガイド

必要な部品

このプロジェクトには、以下のコンポーネントが必要です。

全キットを購入するのが確実に便利です。リンクはこちらです:

名前

このキットのアイテム

リンク

ESP32 Starter Kit

320+

ESP32 Starter Kit

以下のリンクから個別に購入することもできます。

コンポーネントの紹介

購入リンク

ESP32 WROOM 32E

BUY

ESP32カメラ拡張ボード

-

ブレッドボード

BUY

ジャンパーワイヤ

BUY

抵抗器

BUY

LED

BUY

さて、PictoBloxの2つのモードの使用方法を学びましょう。

また、このLEDを2つの異なるモードで点滅させるための簡単な回路も組み立てます。

../../_images/1_hello_led_bb.png

ステージモード

1. ESP32ボードに接続する

ESP32ボードをUSBケーブルでコンピュータに接続します。通常、コンピュータは自動的にボードを認識し、最終的にCOMポートを割り当てます。

../../_images/plugin_esp32.png

PictoBloxを開くと、デフォルトでPythonプログラミングインターフェイスが開きます。そして、私たちはブロックインターフェイスに切り替える必要があります。

../../_images/0_choose_blocks.png

すると、モード切替のための右上の角にあるオプションが見えます。デフォルトはステージモードで、Tobiがステージの上に立っています。

../../_images/1_stage_upload.png

右上のナビゲーションバーの Board をクリックしてボードを選択します。

../../_images/1_board.png

例えば、 ESP32 を選択します。

../../_images/1_choose_uno.png

接続ウィンドウがポップアップして、接続するポートを選択します。接続が完了するとホームページに戻ります。使用中に接続が切れた場合は、 Connect をクリックして再接続することもできます。

../../_images/1_connect.png

同時に、 Block Palette にESP32関連のパレット、例えばESP32、アクチュエーターなどが表示されます。

../../_images/1_arduino_uno.png

2. ファームウェアのアップロード

ステージモードで作業を行うため、ボードにファームウェアをアップロードする必要があります。これにより、ボードとコンピュータ間のリアルタイム通信が保証されます。ファームウェアのアップロードは一度きりのプロセスです。アップロードするには、アップロードファームウェアボタンをクリックします。

しばらく待つと、アップロード成功のメッセージが表示されます。

注釈

このボードをPictoBloxで初めて使用する場合、または以前にArduino IDEでアップロードしたことがある場合は、使用する前に Upload Firmware する必要があります。

../../_images/1_firmware.png

3. プログラミング

  • スクリプトを直接開いて実行する

もちろん、スクリプトを直接開いて実行することもできますが、まず github からダウンロードしてください。

右上の File をクリックしてから、 Open を選択します。

../../_images/0_open.png

Open from Computer を選択します。

../../_images/0_dic.png

esp32-starter-kit-main\scratch のパスに移動し、 1. Stage Mode.sb3 を開きます。 github から必要なコードをダウンロードしたことを確認してください。

../../_images/0_stage.png

スクリプトを直接クリックして実行します。一部のプロジェクトでは、緑の旗をクリックするか、スプライトをクリックします。

../../_images/1_more.png
  • ステップバイステップでプログラムする

これらのステップに従ってスクリプトをステップバイステップで書くこともできます。

ESP32 パレットをクリックします。

../../_images/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)レベルに設定します。

../../_images/1_digital.png

連続して点滅するLEDの効果を見るためには、 Control パレットの [Wait 1 seconds] と [forever] ブロックを使用する必要があります。これらのブロックを書いた後でクリックすると、黄色いハローが表示され、実行中であることを意味します。

  • [Wait 1 seconds]: Control パレットから、2つのブロック間の時間間隔を設定するために使用されます。

  • [forever]: Control パレットから、手動で一時停止しない限りスクリプトが実行し続けることを可能にします。

../../_images/1_more.png

アップロードモード

1. ESP32ボードの接続

USBケーブルでESP32ボードをコンピュータに接続します。通常、コンピュータは自動的にボードを認識し、最終的にCOMポートを割り当てます。

../../_images/plugin_esp32.png

PictoBloxを開き、右上のナビゲーションバーの Board をクリックしてボードを選択します。

../../_images/1_board.png

例えば、 ESP32 を選択します。

../../_images/1_choose_uno.png

接続ウィンドウがポップアップし、接続するポートを選択します。接続が完了するとホームページに戻ります。使用中に接続が切れた場合は、 Connect をクリックして再接続できます。

../../_images/1_connect.png

同時に、 Block Palette にESP32関連のパレットが表示されます。

../../_images/1_upload_uno.png

アップロードモードを選択すると、ステージが元のコードエリアに切り替わります。

../../_images/1_upload.png

2. プログラミング

  • スクリプトを直接開いて実行する

右上の File をクリックします。

../../_images/0_open.png

Open from Computer を選択します。

../../_images/0_dic.png

esp32-starter-kit-main\scratch のパスに移動し、 1. Upload Mode.sb3 を開きます。 github から必要なコードをダウンロードしたことを確認してください。

../../_images/0_upload.png

最後に、 Upload Code ボタンをクリックします。

../../_images/1_upload_code.png
  • ステップバイステップでプログラムする

これらのステップに従ってスクリプトをステップバイステップで書くこともできます。

ESP32 パレットをクリックします。

../../_images/1_upload_uno.png

スクリプトエリアに[when ESP32 starts up]をドラッグします。これはすべてのスクリプトに必要です。

../../_images/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)レベルに設定します。

../../_images/1_upload_digital.png

ここで右側にコードが表示されます。このコードを編集したい場合は、編集モードをオンにします。

../../_images/1_upload1.png

連続して点滅するLEDの効果を見るためには、 Control パレットの [Wait 1 seconds] と [forever] ブロックを使用する必要があります。これらのブロックを書いた後でクリックすると、黄色いハローが表示され、実行中であることを意味します。

  • [Wait 1 seconds]: Control パレットから、2つのブロック間の時間間隔を設定するために使用されます。

  • [forever]: Control パレットから、電源がオフにならない限りスクリプトが実行し続けることを可能にします。

../../_images/1_upload_more.png

最後に、 Upload Code ボタンをクリックします。

../../_images/1_upload_code.png