Tecnología · 1o de Secundaria · Bases del Pensamiento Computacional · I Bimestre

Coordenadas y Movimiento en Pantalla

Los estudiantes aprenden a usar sistemas de coordenadas para posicionar y mover objetos en un entorno de programación visual, creando animaciones básicas.

• Aprendizajes Esperados SEP
• SEP Secundaria: Programación y Lógica Computacional

Acerca de este tema

El tema Coordenadas y Movimiento en Pantalla enseña a los estudiantes de 1° de secundaria a utilizar sistemas de coordenadas cartesianas en entornos de programación visual, como Scratch o Code.org. Aprenden que el origen (0,0) se ubica comúnmente en la esquina superior izquierda de la pantalla, con el eje X incrementándose hacia la derecha y el eje Y hacia abajo. Posicionan objetos o sprites estableciendo valores precisos y programan movimientos secuenciales para crear animaciones básicas, como un personaje que camina, salta o sigue una trayectoria curva.

Este contenido forma parte de la unidad Bases del Pensamiento Computacional del plan SEP y responde preguntas clave: la relación entre coordenadas y movimiento en juegos, el impacto de alterar una coordenada en la trayectoria y el diseño de patrones específicos. Fomenta habilidades como la descomposición de problemas, la experimentación iterativa y el debugging, conectando con la lógica computacional y preparando para proyectos más complejos en tecnología.

El aprendizaje activo beneficia este tema porque los estudiantes reciben retroalimentación inmediata al ejecutar sus programas, lo que hace tangibles conceptos abstractos. Manipular coordenadas en tiempo real, probar hipótesis y colaborar en el diseño de animaciones fortalece la comprensión profunda y motiva la perseverancia ante errores.

Preguntas Clave

1. ¿Cómo se relaciona el sistema de coordenadas con el movimiento de un personaje en un juego?
2. ¿Qué impacto tiene cambiar una coordenada en la trayectoria de un objeto?
3. ¿Cómo diseñarías una animación donde un objeto se mueva en un patrón específico?

Objetivos de Aprendizaje

• Identificar la ubicación del origen (0,0) y la dirección de los ejes X e Y en un plano cartesiano de programación visual.
• Calcular las coordenadas necesarias para posicionar un objeto en un punto específico de la pantalla.
• Demostrar cómo modificar los valores de las coordenadas X e Y para mover un objeto en una dirección determinada.
• Diseñar una secuencia de comandos para animar un objeto siguiendo una trayectoria simple (línea recta, diagonal).
• Analizar el impacto de cambiar un valor de coordenada en la posición final de un objeto animado.

Antes de Empezar

Introducción a la Programación Visual

Por qué: Los estudiantes necesitan familiaridad con la interfaz de un entorno de programación visual (como Scratch) para poder manipular bloques de código y observar resultados.

Conceptos Básicos de Lógica Computacional

Por qué: Comprender la idea de dar instrucciones paso a paso a una computadora es fundamental para poder programar el movimiento de objetos.

Vocabulario Clave

Plano Cartesiano	Un sistema de dos ejes perpendiculares (X e Y) que se usa para ubicar puntos o mover objetos en un espacio bidimensional, común en programación gráfica.
Origen (0,0)	El punto de partida en un plano cartesiano, usualmente la esquina superior izquierda en entornos de programación visual, donde ambos ejes tienen valor cero.
Coordenada X	Representa la posición horizontal de un objeto en la pantalla. Los valores aumentan de izquierda a derecha.
Coordenada Y	Representa la posición vertical de un objeto en la pantalla. Los valores aumentan de arriba hacia abajo en la mayoría de los entornos de programación visual.
Sprite	Un personaje u objeto gráfico que puede ser programado para moverse e interactuar dentro de un entorno de programación visual.

Cuidado con estas ideas erróneas

Idea errónea común

Las coordenadas siempre aumentan hacia arriba y la derecha.

Qué enseñar en su lugar

En programación visual como Scratch, Y aumenta hacia abajo desde la esquina superior. Actividades de posicionamiento manual ayudan a los estudiantes a mapear la pantalla físicamente y verificar con ejecuciones repetidas, corrigiendo su modelo mental mediante observación directa.

Idea errónea común

Cambiar una coordenada mueve el objeto en cualquier dirección.

Qué enseñar en su lugar

Solo X afecta horizontalmente y Y verticalmente. Experimentos en parejas donde alteran una sola coordenada por vez revelan impactos aislados, fomentando discusiones que clarifican la independencia de los ejes.

Idea errónea común

El movimiento es continuo sin instrucciones paso a paso.

Qué enseñar en su lugar

Requiere bloques secuenciales o bucles. Programación iterativa en grupo permite probar secuencias incompletas, observar paradas abruptas y agregar pasos, reforzando la noción de control programado.

Ideas de aprendizaje activo

Programación en Parejas: Trayectoria Simple

Los estudiantes eligen un sprite y lo posicionan en (100,150). Programan un movimiento cambiando X a 200 y luego Y a 100 para simular un salto. Prueban, observan y ajustan valores para perfeccionar la animación.

30 min·Parejas

Estaciones Rotativas: Patrones Geométricos

Prepara cuatro estaciones con desafíos: triángulo, cuadrado, zigzag y espiral. Grupos rotan cada 10 minutos, programan el patrón usando bucles y coordenadas relativas, luego comparten resultados.

45 min·Grupos pequeños

Reto Individual: Animación de Juego

Cada estudiante diseña una animación donde un objeto evade obstáculos moviéndose en coordenadas específicas. Incluyen al menos tres cambios de posición y prueban contra 'enemigos' fijos.

35 min·Individual

Torneo Grupal: Carrera de Sprites

Equipos programan sprites que corren de (0,200) a (400,200) con variaciones en Y para saltos. Compiten por la ruta más rápida y fluida, ajustando coordenadas en rondas.

40 min·Grupos pequeños

Conexiones con el Mundo Real

• Los desarrolladores de videojuegos utilizan sistemas de coordenadas para posicionar personajes, enemigos y elementos del escenario en juegos como 'Among Us' o 'Minecraft', permitiendo la interacción y el movimiento del jugador.
• Los animadores en estudios como Pixar o Disney emplean software con planos cartesianos para definir la trayectoria y el movimiento de cada personaje y objeto en películas animadas, creando secuencias fluidas y realistas.
• Los diseñadores de interfaces de usuario (UI) aplican principios de coordenadas para colocar botones, menús y otros elementos interactivos en aplicaciones móviles y sitios web, asegurando una experiencia de usuario intuitiva y estéticamente agradable.

Ideas de Evaluación

Boleto de Salida

Entrega a cada estudiante una tarjeta con un dibujo simple de un personaje en una posición inicial (ej. X: 50, Y: 100). Pide que escriban dos comandos: uno para mover el personaje 20 píxeles a la derecha y otro para moverlo 30 píxeles hacia arriba. Deben indicar las nuevas coordenadas resultantes.

Verificación Rápida

Muestra en pantalla un objeto en una coordenada específica (ej. X: 100, Y: 150). Pregunta: 'Si quiero mover este objeto 50 píxeles hacia la izquierda, ¿cuál será su nueva coordenada X?'. Luego, pregunta: 'Si en lugar de eso, lo muevo 70 píxeles hacia abajo, ¿cuál será su nueva coordenada Y?'

Evaluación entre Pares

Los estudiantes trabajan en parejas para crear una animación simple de un objeto moviéndose en línea recta. Un estudiante crea la animación y el otro debe describir la secuencia de comandos y las coordenadas utilizadas. Luego, intercambian roles para revisar el trabajo del compañero, verificando la corrección de las coordenadas y la lógica del movimiento.

Preguntas frecuentes

¿Cómo enseñar coordenadas en programación visual a secundaria?

Comienza dibujando la cuadrícula en la pizarra y marcando (0,0) en la esquina superior izquierda. Usa sprites simples para demostrar movimientos: ve a (x+50,y) para derecha. Integra desafíos progresivos como dibujar líneas rectas, asegurando que practiquen con retroalimentación inmediata para internalizar el sistema.

¿Qué impacto tiene cambiar una coordenada en la trayectoria?

Alterar X desplaza horizontalmente, Y verticalmente; un cambio pequeño genera grandes diferencias en patrones. Estudiantes experimentan programando trayectorias y midiendo desviaciones, lo que desarrolla precisión y comprensión de relaciones matemáticas en programación, clave para el pensamiento computacional SEP.

¿Cómo el aprendizaje activo ayuda en coordenadas y movimiento en pantalla?

Permite manipulación directa: estudiantes codifican, ejecutan y ajustan en tiempo real, recibiendo feedback visual instantáneo que solidifica conceptos. Colaboración en parejas acelera debugging y fomenta explicación mutua, mientras retos gamificados mantienen motivación. Esto supera lecturas pasivas, logrando retención del 80% más alta según estudios pedagógicos.

¿Cómo diseñar una animación con patrones específicos usando coordenadas?

Descompón el patrón en pasos: por ejemplo, un círculo usa cambios graduales en X e Y con bucles. Empieza con figuras simples como triángulos (mueve X+100, Y-50; X-100, Y+50). Prueba iterativamente y agrega velocidad para fluidez, alineado con estándares SEP de lógica computacional.