1.3 Guía Rápida sobre PictoBlox

Componentes Necesarios

Para este proyecto, necesitaremos los siguientes componentes.

Es definitivamente conveniente comprar un kit completo, aquí está el enlace:

Nombre

ELEMENTOS EN ESTE KIT

ENLACE

Kit de Inicio ESP32

320+

ESP32 Starter Kit

También puedes comprarlos por separado en los enlaces a continuación.

INTRODUCCIÓN DEL COMPONENTE

ENLACE DE COMPRA

ESP32 WROOM 32E

BUY

Extensión de Cámara ESP32

-

Protoboard

BUY

Cables Puente

BUY

Resistor

BUY

LED

BUY

Ahora aprendamos a usar PictoBlox en dos modos.

También construiremos un circuito simple para hacer que este LED parpadee en 2 modos diferentes.

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

Modo Escenario

1. Conectar con la Placa ESP32

Conecta tu placa ESP32 al ordenador con un cable USB, normalmente el ordenador reconocerá automáticamente tu placa y finalmente asignará un puerto COM.

../../_images/plugin_esp32.png

Abre PictoBlox, la interfaz de programación Python se abrirá por defecto. Y necesitamos cambiar a la interfaz de Bloques.

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

Entonces verás la esquina superior derecha para el cambio de modo. El predeterminado es el modo Escenario, donde Tobi está parado en el escenario.

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

Haz clic en Placa en la barra de navegación superior derecha para seleccionar la placa.

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

Por ejemplo, elige ESP32.

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

Entonces aparecerá una ventana de conexión para que selecciones el puerto a conectar, y regresarás a la página principal cuando la conexión esté completa. Si rompes la conexión durante el uso, también puedes hacer clic en Conectar para reconectar.

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

Al mismo tiempo, aparecerán en la Paleta de Bloques paletas relacionadas con ESP32, como ESP32, Actuadores, etc.

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

2. Subir Firmware

Dado que vamos a trabajar en el modo Escenario, debemos subir el firmware a la placa. Esto asegurará la comunicación en tiempo real entre la placa y el ordenador. Subir el firmware es un proceso único. Para hacerlo, haz clic en el botón Subir Firmware.

Después de esperar un rato, aparecerá el mensaje de éxito de la subida.

Nota

Si estás usando esta placa en PictoBlox por primera vez, o si esta placa fue previamente subida con el IDE de Arduino. Entonces necesitas tocar Subir Firmware antes de que puedas usarla.

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

3. Programación

  • Abrir y ejecutar el script directamente

Por supuesto, puedes abrir los scripts directamente para ejecutarlos, pero primero descárgalos de github.

Puedes hacer clic en Archivo en la esquina superior derecha y luego elegir Abrir.

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

Elige Abrir desde el Ordenador.

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

Luego ve a la ruta de esp32-starter-kit-main\scratch, y abre 1. Modo Escenario.sb3. Asegúrate de haber descargado el código requerido de github.

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

Haz clic directamente en el script para ejecutarlo, algunos proyectos son hacer clic en la bandera verde o hacer clic en el sprite.

../../_images/1_more.png
  • Programar paso a paso

También puedes escribir el script paso a paso siguiendo estos pasos.

Haz clic en la paleta ESP32.

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

El LED está controlado por el pin digital 26 (solo 2 estados, ALTO o BAJO), así que arrastra el bloque [establecer el pin digital como] al área de script.

Dado que el estado predeterminado del LED es encendido, ahora establece el pin 23 en BAJO y haz clic en este bloque y verás que el LED se apaga.

  • [establecer el pin digital como]: Establece el pin digital a nivel (ALTO/BAJO).

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

Para ver el efecto de un LED parpadeando continuamente, necesitas usar los bloques [Esperar 1 segundos] y [siempre] en la paleta Control. Haz clic en estos bloques después de escribir, un halo amarillo significa que está ejecutándose.

  • [Esperar 1 segundos]: de la paleta Control, usado para establecer el intervalo de tiempo entre 2 bloques.

  • [siempre]: de la paleta Control, permite que el script siga ejecutándose a menos que se pause manualmente.

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

Modo de Subida

1. Conectar con la Placa ESP32

Conecta tu placa ESP32 al ordenador con un cable USB, normalmente el ordenador reconocerá automáticamente tu placa y finalmente asignará un puerto COM.

../../_images/plugin_esp32.png

Abre PictoBlox y haz clic en Placa en la barra de navegación superior derecha para seleccionar la placa.

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

Por ejemplo, elige ESP32.

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

Entonces aparecerá una ventana de conexión para que selecciones el puerto a conectar, y regresarás a la página principal cuando la conexión esté completa. Si rompes la conexión durante el uso, también puedes hacer clic en Conectar para reconectar.

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

Al mismo tiempo, aparecerán en la Paleta de Bloques paletas relacionadas con ESP32, como ESP32, Actuadores, etc.

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

Después de seleccionar el modo de Subida, el escenario cambiará al área de código original.

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

2. Programación

  • Abrir y ejecutar el script directamente

Puedes hacer clic en Archivo en la esquina superior derecha.

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

Elige Abrir desde el Ordenador.

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

Luego ve a la ruta de esp32-starter-kit-main\scratch, y abre 1. Modo de Subida.sb3. Asegúrate de haber descargado el código requerido de github.

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

Finalmente, haz clic en el botón Subir Código.

../../_images/1_upload_code.png
  • Programar paso a paso

También puedes escribir el script paso a paso siguiendo estos pasos.

Haz clic en la paleta ESP32.

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

Arrastra [cuando ESP32 se inicia] al área de script, lo cual es necesario para cada script.

../../_images/1_uno_starts.png

El LED es controlado por el pin digital 26 (solo 2 estados ALTO o BAJO), así que arrastra el bloque [establecer el pin digital como] al área de script.

Dado que el estado predeterminado del LED es encendido, ahora establece el pin 26 en BAJO y haz clic en este bloque y verás que el LED se apaga.

  • [establecer el pin digital como]: Establece el pin digital a nivel (ALTO/BAJO).

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

En este punto verás que el código aparece en el lado derecho, si quieres editar este código, entonces puedes activar el modo Edición.

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

Para ver el efecto de un LED parpadeando continuamente, necesitas usar los bloques [Esperar 1 segundos] y [siempre] en la paleta Control. Haz clic en estos bloques después de escribir, un halo amarillo significa que está ejecutándose.

  • [Esperar 1 segundos]: de la paleta Control, usado para establecer el intervalo de tiempo entre 2 bloques.

  • [siempre]: de la paleta Control, permite que el script siga ejecutándose a menos que se apague la alimentación.

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

Finalmente, haz clic en el botón Subir Código.

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