top of page
fondo ej-15.png

DESAFIO 8 - curso introductorio

Mover el cursor
 

15 min 

PASO 1

Apretá el botón para ir a la página de Mblock. 

Captura de pantalla 2024-09-30 a la(s) 12.24.04.png

PASO 2

Descargá el archivo y subilo a Mblock.

Puedes usar el mismo archivo que en el ejercicio anterior.​​

Captura de pantalla 2024-09-30 a la(s) 12.28.18.png

PASO 3

Agregamos la intensidad del Brillo de las LEDs. Sugerimos dejarlo en 50.

​

Captura de pantalla 2024-09-30 a la(s) 12.35.34.png

PASO 4

Queremos que el código se active cada vez que presionamos el botón.

Captura de pantalla 2024-10-14 a la(s) 12.20.03.png

PASO 5

Debemos colocar un color al led que se va a mover. 

​

Cursor: necesitamos crear una variable que guarde la posición del cursor en cada momento, el bloque encender el LED enciende el led especifico que estamos seleccionando (con un número), como un cursor se va moviendo por todos los pixeles de la pantalla no podemos asignarle un valor fijo.

​

=> Colocar Cursor en el valor 1

Captura de pantalla 2024-10-14 a la(s) 12.20.25.png

PASO 6

=> Mostrar Cursor

=> Espera 0.1 segundos

​

La espera es necesaria para que reaccione despues de 0.1 segundos, si no lo hacemos cuando lo apretemos el cursor va a salir disparado a una velocidad exagerada y no lo vamos a poder controlar. 

​

​

Captura de pantalla 2024-10-14 a la(s) 12.22.11.png

PASO 6

=> Mostrar Cursor

=> Espera 0.1 segundos

​

La espera es necesaria para que reaccione despues de 0.1 segundos, si no lo hacemos cuando lo apretemos el cursor va a salir disparado a una velocidad exagerada y no lo vamos a poder controlar. 

​

​

Captura de pantalla 2024-10-14 a la(s) 12.22.11.png

PASO 6

=> Mostrar Cursor

=> Espera 0.1 segundos

​

La espera es necesaria para que reaccione despues de 0.1 segundos, si no lo hacemos cuando lo apretemos el cursor va a salir disparado a una velocidad exagerada y no lo vamos a poder controlar. 

​

​

Captura de pantalla 2024-10-22 a la(s) 15.58.30.png

PASO 7

Armamos un bloque para controlar los botones.

​

Pin digital 3 (B1), cuando lo presionamos se activa entonces....

​

​

=> Pin Digital 3=1

Captura de pantalla 2024-10-22 a la(s) 15.59.25.png

PASO 9​

Cuando apretamos el botón superior, que se encuentra conectado al PIN 3 aumentamos la variable cursor en 8 unidades, ya que queremos “Subir” .

 

Por ejemplo si estamos en el LED 2 y apretamos el botón para subir el cursor se va a prender el LED 10 por lo tanto nuestra variable cursor debe aumentar en 8 unidades.​

Captura de pantalla 2024-10-22 a la(s) 15.59.33.png

PASO 10

Hacemos lo mismo con el resto de los botones

​

B2: Queremos que se mueva a la derecha, así que restamos -1

​

B3: Queremos que se mueva para abajo, que número debemos colocar?

​

B4: Queremos que se mueva a la izquierda , que número debemos colocar?

Captura de pantalla 2024-10-22 a la(s) 15.59.49.png

PASO 11​

Cuando pasamos el LED 63 el contador va a seguir contando, entonces tenemos que decirle que cuando llegue a al LED 63 vuelva al 0. â€‹

​

La variable contador no esta limitada por el numero de LEDs, nosotros la limitamos de esa forma por nuestro proposito.

Captura de pantalla 2024-10-22 a la(s) 15.59.59.png

PASO 12​

Agregamos un bloque que nos permita decir si es mayor a 63 entonces...​

​

Cursor>63

PASO 13​

Fijamos el Cursor en 0. 

 

En este caso nosotros elegimos que vuelva a cero cuando se nos pasa del LED 63.​

Captura de pantalla 2024-10-14 a la(s) 11.48.37.png

PASO 14​

Cuando estamos en el Pixel 0 y nos queremos mover para la derecha, estaríamos restándole 1, pasando al led -1 que no existe, por lo tanto en ese caso el cursor debe quedar en el led 0.​

Captura de pantalla 2024-10-14 a la(s) 12.07.52.png

PASO 15​

Colocamos el bloque borrar para que no se cree un efecto dibujo, por lo tanto borramos el anterior e inmediatamente dibujamos el nuevo led con el valor del cursor ya actualizado.

Captura de pantalla 2024-10-14 a la(s) 12.08.10.png

PASO 16

¡Subí tu código para ver que programaste!

fondo rayas blancas-16.png

RETOS

1. Saca el esperar del código y subilo a ver que pasa.

2. Cambia el color de la LED


3. Borra el bloque ¨borrar¨ del final y mira lo que pasa.

4. Cuando el Led se pasa del 63 logra que vuelva al 62 y no al Led 0.



 

bottom of page