2 Movimientos básicos recorte-Félix Delgado Plana
https://www.youtube.com/watch?v=fTOdjYAdxgg
Tutorial de Scratch: Movimiento Cartesianos vs. Movimiento Polar
¡Muy buenas a todos! En el tutorial de hoy vamos a profundizar en algo muy importante: cómo se mueven los personajes en Scratch. A diferencia de otros lenguajes de programación, Scratch tiene una forma muy particular de manejar las coordenadas, y existen dos maneras principales de mover a nuestros objetos. ¡Vamos a verlas en detalle!
📐 Paso 1: El Sistema de Coordenadas de Scratch
Antes de empezar a mover personajes, tenemos que entender el "mapa" sobre el que se mueven.
El tamaño del escenario: La pantalla de Scratch tiene unas dimensiones de 480 píxeles de alto por 360 píxeles de ancho.
El punto de origen (0,0): En muchos lenguajes de programación, el punto de partida (coordenada 0,0) está en la esquina superior izquierda. ¡Pero en Scratch no! Aquí, el punto (0,0) está justo en el CENTRO de la pantalla.
Eje X (Horizontal): Los valores van de -240 (izquierda) a +240 (derecha).
Eje Y (Vertical): Los valores van de -180 (abajo) a +180 (arriba).
🌐 Paso 2: Preparando el Escenario para Ver las Coordenadas
Para entender mejor el movimiento, vamos a cambiar el fondo del escenario.
Ve al área de objetos y selecciona el Escenario (el icono del fondo).
Ve a la pestaña de "Fondos" .
Haz clic en el botón "Elegir un fondo de la biblioteca" .
Busca y selecciona el fondo llamado "Xy-grid" . Este fondo tiene una cuadrícula que muestra claramente los ejes X e Y, y te ayudará a visualizar las coordenadas.
📍 Paso 3: Movimiento Cartesiano (Por Coordenadas X e Y)
El movimiento cartesiano consiste en posicionar a un personaje en un punto exacto de la pantalla, indicando sus coordenadas X (horizontal) e Y (vertical).
Ejemplo: Llevar al gato al centro de la pantalla.
Selecciona al personaje (por ejemplo, el gato).
Ve a la pestaña de "Programas" .
Arrastra el bloque de la categoría "Movimiento" que dice: ir a x: 0 y: 0 .
Coloca el bloque al presionar bandera verde (de la categoría "Eventos") encima del bloque de movimiento.
(El código debería verse así:)text
al presionar bandera verde
ir a x: 0 y: 0
Haz clic en la bandera verde. ¡Verás como el gato se teletransporta al centro exacto de la pantalla!
Ventaja del movimiento cartesiano: Te permite colocar a un personaje en cualquier posición exacta que desees, con total precisión.
🎮 Paso 4: Mover al Gato con las Flechas del Teclado (Cartesiano)
Ahora vamos a hacer que el gato se mueva paso a paso con las flechas del teclado, usando coordenadas X e Y.
Vamos a crear un programa para cada tecla:
1. Movimiento Horizontal (Flecha Derecha e Izquierda):
Flecha derecha: Aumentar la coordenada X en 10 (ir hacia la derecha).
Usa el bloque: al presionar tecla [flecha derecha] (de "Eventos").
Conéctalo al bloque: cambiar x por 10 (de "Movimiento").
Flecha izquierda: Disminuir la coordenada X en 10 (ir hacia la izquierda).
Usa el bloque: al presionar tecla [flecha izquierda] .
Conéctalo al bloque: cambiar x por -10 .
2. Movimiento Vertical (Flecha Arriba y Abajo):
Flecha arriba: Aumentar la coordenada Y en 10 (subir).
Usa el bloque: al presionar tecla [flecha arriba] .
Conéctalo al bloque: cambiar y por 10 .
Flecha abajo: Disminuir la coordenada Y en 10 (bajar).
Usa el bloque: al presionar tecla [flecha abajo] .
Conéctalo al bloque: cambiar y por -10 .
Prueba: Presiona las teclas de flecha y verás cómo el gato se mueve arriba, abajo, izquierda y derecha de forma precisa.
🧭 Paso 5: Movimiento Polar (Por Orientación y Dirección)
El movimiento polar es diferente. En lugar de dar una coordenada exacta, le decimos al personaje hacia dónde mirar (orientación) y cuánto avanzar. Es ideal para movimientos más naturales, como cuando un personaje camina y gira.
En lugar de usar coordenadas (X, Y), usaremos:
Dirección (grados): 0° es arriba, 90° es derecha, 180° es abajo, -90° es izquierda.
Movimiento: El bloque mover 10 pasos hace que el personaje avance en la dirección en la que está mirando.
🕹️ Ejemplo: Control Polar con Flechas
Vamos a hacer que el gato se comporte como un coche: gira con las flechas izquierda/derecha y avanza/retrocede con arriba/abajo.
1. Control de la Orientación (Giros):
Flecha derecha: Girar 15 grados a la derecha.
Usa el bloque: al presionar tecla [flecha derecha] .
Conéctalo al bloque: girar 15 grados (de "Movimiento").
Flecha izquierda: Girar 15 grados a la izquierda.
Usa el bloque: al presionar tecla [flecha izquierda] .
Conéctalo al bloque: girar -15 grados .
2. Control del Avance (Movimiento):
Flecha arriba: Avanzar en la dirección actual.
Usa el bloque: al presionar tecla [flecha arriba] .
Conéctalo al bloque: mover 10 pasos .
Flecha abajo: Retroceder.
Usa el bloque: al presionar tecla [flecha abajo] .
Conéctalo al bloque: mover -10 pasos .
🧐 Paso 6: ¿Cómo Saber la Posición y Orientación?
A veces necesitas saber exactamente dónde está tu personaje y hacia dónde mira. Scratch te lo muestra de forma muy sencilla:
Selecciona a tu personaje.
Justo encima del área de objetos (donde está la "i" azul), verás tres datos importantes:
x: La coordenada horizontal actual.
y: La coordenada vertical actual.
Dirección: La orientación del personaje en grados.
Estos datos se actualizan en tiempo real mientras mueves el personaje, ¡así que siempre sabrás dónde estás!
📊 Resumen: Cartesiano vs. Polar
💡 Paso 7: Conclusión y Práctica
Como has podido comprobar:
El movimiento cartesiano te da un control absoluto para situar a los personajes en puntos exactos de la pantalla. Es perfecto para colocar elementos en un escenario o para movimientos precisos.
El movimiento polar te permite desplazarte con naturalidad, haciendo que los personajes giren y avancen como lo harían en la vida real. Es ideal para juegos de conducción, personajes que exploran, etc.
🎯 ¡Tu Turno!
Te propongo un pequeño desafío para practicar:
Crea un programa que, al presionar la bandera verde, el gato vaya al centro de la pantalla (con coordenadas cartesianas).
Luego, usando movimiento polar, haz que el gato gire 45 grados y avance 50 pasos.
Observa cómo combina ambas formas de movimiento.
¡Experimenta y diviértete! En el próximo tutorial, comenzaremos a crear nuestro primer juego completo. 🚀
Movimiento Cartesiano vs. Movimiento Polar
En este tutorial, vamos a explorar los dos sistemas de movimiento que ofrece Scratch para controlar a nuestros personajes (objetos o "sprites"). Aprenderemos la diferencia entre el sistema cartesiano (basado en coordenadas X e Y) y el sistema polar (basado en orientación y dirección).
1. Entendiendo el Escenario de Scratch
A diferencia de otros lenguajes de programación donde el punto de origen (0,0) suele estar en la esquina superior izquierda, en Scratch, el punto de origen (0,0) está en el centro de la pantalla.
El escenario mide 480 píxeles de alto y 360 píxeles de ancho.
El centro tiene la coordenada X=0, Y=0.
El eje X controla la posición horizontal (izquierda es negativo, derecha es positivo).
El eje Y controla la posición vertical (abajo es negativo, arriba es positivo).
https://i.imgur.com/3sHkLkH.png
2. Los Dos Sistemas de Movimiento
Scratch nos permite mover a nuestros personajes de dos formas fundamentales:
Movimiento Cartesiano: Movemos al personaje estableciendo directamente sus coordenadas en los ejes X (horizontal) e Y (vertical).
Movimiento Polar: Movemos al personaje indicando una dirección (grados) y una distancia (pasos). El personaje se mueve "hacia donde mira".
3. Práctica 1: Movimiento Cartesiano con el Teclado
Vamos a programar a nuestro gato para que se mueva de forma horizontal y vertical usando las flechas del teclado.
Paso 1: Preparar el Fondo
Abre Scratch.
En la parte inferior derecha, haz clic en "Elegir un Fondo".
Busca y selecciona el fondo llamado "X Grid". Este fondo nos mostrará los ejes cartesianos, lo que facilitará la comprensión del movimiento.
Paso 2: Crear el Programa
Ahora, vamos a programar el movimiento para el gato.
Mover a una posición exacta (el centro):
Ve a la pestaña de Código.
Arrastra el bloque al presionar bandera verde desde la categoría "Eventos".
Debajo, coloca el bloque ir a x: (0) y: (0) de la categoría "Movimiento".
Cuando hagas clic en la bandera verde, el gato irá automáticamente al centro de la pantalla.
Controlar el movimiento con las flechas:
De la categoría "Eventos", arrastra el bloque al presionar tecla [espacio] y cámbialo a flecha derecha.
De la categoría "Movimiento", arrastra el bloque sumar a x (10) y colócalo debajo del evento.
Repite este proceso para las otras tres flechas:
Flecha izquierda: sumar a x (-10)
Flecha arriba: sumar a y (10)
Flecha abajo: sumar a y (-10)
Explicación: Con este código, al presionar la flecha derecha, el valor de X aumenta en 10, moviendo al gato hacia la derecha. Al presionar la flecha arriba, el valor de Y aumenta, moviéndolo hacia arriba. Este es el control cartesiano puro.
4. Práctica 2: Movimiento Polar con el Teclado
El movimiento polar es ideal para simular un movimiento más natural, donde el personaje mira hacia donde va (como un coche o un astronauta). Vamos a programarlo.
Paso 1: Cambiar el Control
Vamos a reemplazar los bloques del ejercicio anterior (o crear un nuevo programa) para usar el movimiento polar.
Eventos del teclado:
Arrastra de nuevo los eventos para las flechas (arriba, abajo, izquierda, derecha).
Programar la rotación (Flechas izquierda y derecha):
Para la Flecha derecha: coloca el bloque girar 15 grados a la derecha.
Para la Flecha izquierda: coloca el bloque girar 15 grados a la izquierda.
Programar el avance y retroceso (Flechas arriba y abajo):
Para la Flecha arriba: coloca el bloque mover (10) pasos. Esto hará que el personaje avance 10 pasos en la dirección hacia donde está mirando.
Para la Flecha abajo: coloca el bloque mover (-10) pasos. Al ser un número negativo, el personaje retrocederá 10 pasos sin cambiar su orientación.
Paso 2: Añadir el Estilo de Rotación
Para que el efecto sea más realista, configura en la parte superior de la paleta de "Movimiento" el estilo de rotación como "rotar alrededor". Así el gato girará físicamente al presionar izquierda/derecha.
5. ¿Cuándo usar cada uno?
Movimiento Cartesiano: Es perfecto para mover objetos a posiciones exactas (ej. teletransportar a un punto, mover un menú, o cuando necesitas un control estricto de la cuadrícula). Te permite situar a tus personajes en cualquier rincón de la pantalla fácilmente.
Movimiento Polar: Es ideal para dar una sensación de movimiento orgánico. Es el sistema que usan la mayoría de los videojuegos para que los personajes roten, avancen y retrocedan de forma natural, como si manejaran un vehículo o caminaran mirando hacia el frente.
6. Consejo Final: El Bloque "Azul"
Recuerda que siempre puedes hacer clic en el bloque posición x, posición y o dirección (en la categoría de Movimiento, con la "i" azul) para ver en tiempo real las coordenadas y la orientación actual de tu personaje. ¡Es muy útil para depurar!
¡Y esto es todo! Ya sabes mover a tus personajes de dos formas diferentes. Elige la que mejor se adapte a tu proyecto.
Comentarios
Publicar un comentario