top of page

MY RESEARCH BLOG

Buscar
Foto del escritorSara Peña

Lección #6 Iconos y animación con Micro:Bit

En este tema, exploraremos como el micro: bit una animación. Una animación es solo una secuencia de diferentes iconos, mostrados uno tras otro rápidamente.

Objetivos de aprendizaje.

1- Investiga y decide qué problemas introduce el texto de desplazamiento 2

2- Contar una historia usando solo el icono

3- Diseñar y mostrar una animación simple.


Conceptos de computación.

1- Comprender y describir animaciones como una serie ordenada de iconos o imágenes.

2- Diseñe y use una animación apropiadamente en un proyecto simple Use Javascript para modificar el comportamiento de retardo de las animaciones.

3- Use variables e iconos juntos para simplificar un programa, introduciendo la reutilización.


Paso# 1 Diseñe: Una animación que consiste en 10 cuadros separados de un hombre que baila y mueve sus brazos y sus piernas.


Paso# 2 Programemos: Asignar animaciones a variables Es a menudo útil asignar cada cuadro de su animación a una variable Haz esto con tu animación stickman. Para usar el cuerpo principal del código se ve así.



Paso# 3 Programemos/ Realicemos una Función: Prueba tu animación de nuevo para asegurarte de que es correcta. Si fueras a construir un producto o un juego que tuviera muchas animaciones, el programa aún sería muy grande e inmanejable muy rápidamente. Puede resolver este problema almacenando una animación completa dentro de un bloque [Función].

Cree una nueva función con el bloque [Función] y asígnele un nombre. Arrastre todos sus cuadros de animación a su nuevo bloque de funciones.

Dentro del código para su método de entrada, llame a su nuevo bloque de funciones como este [Función (nombre)] Pruebe su programa nuevamente y asegúrese de que aún funciona.



Paso# 4 Programemos/Utilizaremos Javascript: El uso de la función Javascript One del editor de JavaScript Blocks es que hay un retraso fijo insertado después de cada bloque de Mostrar LEDs. Esto hace que las animaciones sean fáciles y rápidas de diseñar, pero limita la velocidad de reproducción.

Haga clic para cambiar a JAVASCRIPT y cambie cada uno de los → showLED básicos para que tenga un parámetro adicional, use el número 100, que significa 100 milisegundos. El retraso predeterminado para las imágenes es de 400 ms, por lo que la animación será más rápida.




Haga clic de nuevo en el modo BLOQUES: verá que el código se verá un poco diferente.




¡Prueba tu programa de nuevo y asegúrate de que tu animación ahora se ejecute mucho más rápido!


Resumen:

¿Qué has aprendido en este tema?

¿Qué más crees que necesitas saber sobre este tema y cómo lo descubrirás?

¿Qué áreas de este tema pueden ser difíciles de enseñar o entender para otros maestros?

Puedes darle un formato a tus pregunta, para tu resumen en clase.




980 visualizaciones0 comentarios

Entradas recientes

Ver todo

Comments


bottom of page