Vidcode: SFX Magia

Recurso para educadores

Acerca de la actividad

Haga que aparezcan destellos al azar alrededor de la pantalla usando un bucle (loop).

Gran idea: Los bucles (loops) hacen que su código se repita.

Standards

CCSS.MATH.PRACTICE.MP1 Entender los problemas y perseverar en resolverlos. CCSS.MATH.PRACTICE.MP2 Razón abstracta y cuantitativa.
NGSS ETS1.A: Definición y delimitación de problemas de ingeniería
CSTA 1B-AP-09 Crear programas que usan variables para almacenar y modificar datos.
CSTA 1B-AP-10 Crear programas que incluyen secuencias, eventos, bucles (loops) y condicionales.
CSTA 1B-AP-11 Descomponer (dividir) los problemas en subproblemas más pequeños y manejables para facilitar el proceso de desarrollo del programa.
CSTA 1B-AP-12 Modificar, mezclar o incorporar partes de un programa existente en el propio trabajo, para desarrollar algo nuevo o agregar funciones más avanzadas.

AP CS P Standards

EK 4.1.1D La iteración es la repetición de parte de un algoritmo hasta que se cumple una condición o por un número específico de veces.
Las instrucciones del programa EK 5.2.1C pueden incluir variables que se inicializan y actualizan, leen y escriben.
EK 5.3.1M Las interfaces y bibliotecas de programas de aplicación (API) simplifican las tareas de programación complejas.

Lesson Plan

Tiempo: 60-80 minutos

• 10 minutos de background

• 60 minutos de codificación

• 5 minutos compartiendo

• 5 minutos de reflexión

Antecedentes

• Revisión *: ¿Qué es la aleatoriedad? (algo que no puedes predecir)

• Revisión *: ¿Qué biblioteca es aleatoria? (Matemáticas)

¡Felicitaciones programadores! ¡Estás listo para subir de nivel tu código con loops ! Un bucle (loop) le dice a la computadora que repita una o más líneas de código. Puedes usarlo para cambiar las cosas con el tiempo.

repeat(function(){
//do something here
}, 1);

La forma en que vamos a hacer bucles (loops) en JavaScript es con la repetición. Repetir es una function que toma dos arguments . El primer argumento es una función que contiene el código que debe repetirse, y el segundo es un número que dice con qué frecuencia repetirlo.

Esta función repite su código una y otra vez hasta que finaliza el video. ¡Podemos usarlo para hacer que nuestros elementos visuales se muevan y cambien!

Desafío de código

Invite a los estudiantes a completar el tutorial "SFX: Magia". Camine entre la clase para asegurarse de que avancen a través de las instrucciones y las lean a fondo. Si los estudiantes tienen problemas para comprender el objetivo del proyecto, dales el ejemplo de vampiros con pequeños destellos o corazones alrededor de la cabeza de alguien.

Si hay tiempo extra, desafíe a los estudiantes a concentrar su colocación de efectos alrededor de una parte específica de la pantalla. Tendrán que usar algunas matemáticas más complejas para hacerlo.

Compartir

Clase:

Compartir proyectos en clase. ¿Cómo usaste los efectos especiales de manera diferente? ¿Alguien tuvo ideas sobre las que podría basarse en proyectos futuros? Tomen notas en su diario.

Socios:

Compartir proyectos con vecinos. Hable sobre qué más podría hacer con los bucles (loops) para cambiar las cosas con el tiempo. Escribe ideas en tu diario.

Reflexión

• Ponga un proyecto completado en la pantalla principal para analizar. Como clase, etiquete todas las partes de la función de repetición para decir para qué son.

Reflexión extendida

• ¿Te sorprende que puedas poner una función como argumento de una función? Una función que toma otra función como argumento se llama función de orden superior. Esta es una herramienta de programación avanzada, ¡pero ya la estás usando!

• En tu diario, explica con tus propias palabras cómo funciona la función de repetición (repeat function).