Primera práctica que vemos de Scratch, la usaremos para familiarizarnos con el programa, su interfaz y con algunos bloques y conceptos básicos de programación. El juego que diseñaremos será visualmente una carrera de dos participantes, en la programación detectaremos quien pulsa más rápido una tecla y ese será el vencedor.
Está práctica irá guiada al 100%, algunas tareas de las que se verán aquí, en prácticas posteriores se darán por entendidas y no se repetirán, como: cargar imágenes, modificar Sprites o saber el tipo de bloques que se usan.
Comenzaremos creando un proyecto, le pondremos un nombre a nuestra elección (uno que nos ayude a identificarlo, como por ejemplo "Fast Finger"). Y borraremos el objeto que trae por defecto el programa.
Ahora añadiremos dos objetos que serán nuestros personajes principales. Uno para cada jugador. En mi caso, son dos personajes de la galería de objetos de Scratch (los que trae por defecto). Y cambiaremos sus valores de tamaño, para que sean los dos iguales (es posible que los dos no tengan el mismo valor, pero en la ventana se vean iguales, eso es lo que buscamos)
Tambien nos descargaremos una imagen de internet (en formato .jpeg .png o .jpg que son los más reconocidos por la app) para usar como fondo.
Pasos: buscar una palabra o definición de lo que queremos, hacer clic en la imagen, clic derecho en la imagen ampliada, "guardar imagen como...", guardamos en una carpeta que conozcamos con un nombre reconocible.
Ahora para cargar el fondo, pasamos el cursor por encima del botón lila que está más abajo a la derecha, y está en la ventana de escenarios.
Pulsamos en "Cargar un fondo" y seleccionamos la imagen que descargamos anteriormente.
🤔Lo más probable es que el fondo que estamos usando ahora no cubra todo el espacio de juego.🤔
Para ajustar el tamaño de la imagen a nuestro fondo, cambiaremos el formato de la imagen, haciendo clic en el botón lila de abajo, pone "Convertir a vector".
Ahora el menú de edición nos ha cambiado ligeramente, y si tenemos seleccionado el cursor, podemos pinchar la imagen moverla, ampliarla, o rotarla.
Ampliamos y centramos la imagen para que cubra todo el espacio.
Vamos a preparara ahora los mensajes para el ganador, y una forma sencilla de hacerlo es duplicar el fondo para luego mostrar mensajes según nos interese. En nuestro caso haremos dos fondos más (en total tres). Uno será el básico, otro añadiremos letras que ponga "Gana el Amarillo" y otro que pondremos "Gana el Rojo" (si habéis usado otros personajes pondréis el nombre de vuestros personajes para identificarlos fácilmente).
A cada fondo ponerle un nombre que sepáis identificar más adelante.
Vamos a comenzar con el código, y el más sencillo será el del escenario. Solo tenemos que asegurarnos de que al comenzar se pone el fondo básico.
Ahora haremos los códigos de los dos personajes, son muy similares e iré comentando que partes hay que cambiar de uno a otro.
Al comenzar, haremos que cada personaje se vaya a su sitio de comienzo, lo que queremos es que el valor en X sea el mismo para los dos, en mi caso -220, y el valor Y dependerá del fondo que hayamos puesto, 65 y -65 para mi proyecto. Y luego un bucle infinito que se pregunte si ha pasado la línea de meta (una línea imaginaria en X = 220) en cuyo caso saldrá el escenario de quién gana y se detendrán todos.
De un personaje a otro cambia el valor de Y y el nombre del fondo.
Para hacer que se muevan los personajes tendremos que pulsar una tecla, yo he elegido la tecla 'a' y la tecla 'l' ya que están suficientemente separadas como para poder jugar dos personas sin estorbarse.
Utilizaremos un evento de "al presionar tecla", le diremos que avance X pasos, y también pondremos una línea que evite que si mantienes pulsado se siga moviendo (para que funcione queremos que la tecla se suelte y vuelva a pulsarse).
De un personaje a otro cambian la letra de dos bloques, a 'a' a 'l'.
✨Con esto ya debería funcionar nuestro juego al completo.✨
Puedes añadir una cuenta regresiva para dar comienzo a la carrera. Incluso alguna animación en los personajes y sonidos para que se vea más dinámico.
Puedes probar el juego que he creado yo para ver las mecánicas y el resultado final.
Para jugar presiona la bandera verde. 🟩
Los personajes se mueven con las teclas 'A' y L' respectivamente.