Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Mueve a tus personajes con una botonera y añade efecto de movimiento con Scratch - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Duplica las flechas para desplazar a tu personaje. Modifica ligeramente tus disfraces para crear el efecto de movimiento. Crea y envía mensajes distintos.
Cuatro minutos con Félix. Propuestas didácticas para utilizar en tu aula.
00:00:00
Recursos didácticos, aulas virtuales, programación por bloques, robótica...
00:00:06
...para trabajar con tus alumnos y alumnas.
00:00:13
Hola, buenos días. Pues vamos a hacer un pequeñito videotutorial.
00:00:18
Estamos trabajando con Scratch y lo que vamos a hacer es variar los disfraces de nuestro personaje.
00:00:21
Tenemos el del gato que ya viene preparado con dos.
00:00:27
Sin embargo, nosotros vamos a trabajar con el caballero.
00:00:31
Esto suele pasar mucho porque cuando quitas el gato te vas a escenarios,
00:00:35
trabajan en escenarios y luego quieren hacer el personaje y ya lo han hecho como fue.
00:00:40
Nos tenemos que asegurar que estamos en el gato para elegir un nuevo personaje.
00:00:45
Vamos a elegir el caballero, que en inglés se dice Knight.
00:00:50
Tenemos a este caballero.
00:00:55
Y vemos que en disfraces solo tiene un personaje, o sea que no puede hacer esa animación.
00:00:56
Lo que vamos a hacer es hacerle que se anime de un modo muy sencillo.
00:01:02
Vamos a duplicar.
00:01:06
Una vez que lo duplicamos, pues ya lo podemos variar un poquito.
00:01:08
Con esta herramienta lo único que hacemos es, va a ir hacia adelante, el brazo este va a ir hacia atrás.
00:01:13
Lo tenemos que mover un poquito, la pierna vamos a hacer que vaya hacia adelante.
00:01:21
Y la espada se nos ha... ahí hacemos... la verdad que funciona muy bien, ¿eh?
00:01:26
Y este vamos a hacer que vaya hacia atrás.
00:01:34
Se lo ponemos en el cuerpo y la espada pues la llevamos a su sitio.
00:01:37
Luego ya tenemos una posición, la otra posición, ahora esta la vamos a duplicar.
00:01:46
A ver, tenemos una, ¿veis? Y la ponemos la tercera.
00:01:53
Y luego, pues si le hemos echado los brazos para adelante, ahora los vamos a echar para atrás.
00:02:04
Volvemos a duplicar, vamos a buscar un por siempre, vamos a poner siguiente disfraz,
00:02:10
le vamos a dar un tiempo y vemos qué efecto nos hace.
00:02:25
Esperar, cero.
00:02:31
Bueno, pues nos hace este efecto. Ahora ya lo tenemos, lo vamos a parar, le vamos a poner un fondo, le vamos a poner este fondo de castillo
00:02:33
y vamos a mover a nuestro personaje por el fondo.
00:02:50
Problema, que nosotros trabajamos con un ordenador y tenemos teclas, pero en clase trabajamos con una tablet y ya no tenemos esas teclas.
00:02:56
Entonces, cuando usamos esta herramienta, presionar las flechas, flecha arriba, flecha abajo,
00:03:06
nosotros nos vamos a construir una botonera y la vamos a hacer para esta sección,
00:03:14
entonces, para esta sesión.
00:03:19
Entonces, es muy sencillo porque además vamos a duplicar.
00:03:21
¿Problema? Pues que hay que estar muy atento y que los mensajes que mandamos,
00:03:25
pues tenemos que tener claro si es derecha mandamos un mensaje,
00:03:28
si es izquierda mandamos otro mensaje.
00:03:32
Vamos a empezar primero con los mensajes hacia la derecha y hacia la izquierda y, pues en clase, si tenemos más tiempo, iremos hacia arriba o iremos hacia abajo.
00:03:34
Bueno, ya tenemos a nuestro caballero, le vamos a poner que al hacer clic se nos coloque en el medio, aquí, entonces nos vamos a movimiento, ir a esta posición y empezamos con la botonera.
00:03:46
Bueno, lo primero para hacer una botonera, nuevo, la vamos a dibujar y tenemos la herramienta tan sencillo como la, el color, tenemos el morado que además le pega con él, pero le podemos poner el color que queramos, hacemos un cuadrado tan sencillo como darle a los nodos y hacemos desaparecer uno.
00:04:07
entonces ya tendríamos nuestro triángulo, nuestra flecha, ahí la tenemos, un poquito más, ahí, le vamos, es muy grande, le vamos a poner 50,
00:04:28
y tenemos ya nuestro objeto, nos vamos a desplazar hacia la derecha, pues vamos a hacer que funcione esto,
00:04:48
Nos vamos a código, le decimos que al hacer clic sobre este objeto, nuestro personaje, vamos a mandar un mensaje para que se mueva nuestro personaje.
00:04:57
Enviar mensaje 1. Yo lo haría con mensaje 1, 2, 3 y 4, pero si no, lo podemos renombrar y podríamos crear un mensaje nuevo y llamarlo derecha.
00:05:13
Y ahí lo tendríamos. Bueno, vamos a nombrar. Venga, pues lo nombramos.
00:05:27
Manda un mensaje que es derecha. Le tiene que llegar nuestro caballero.
00:05:37
Al recibir mensaje derecha, se va a colocar orientado o mirando hacia la derecha,
00:05:42
que es el que viene de serie, y se va a mover 10 pasos. Ahora se mueve.
00:05:52
Sin embargo, ¿qué problema tenemos?
00:06:01
Pues que no está haciendo el efecto de moverse, haciendo esa animación.
00:06:04
Pues al recibir, le podemos dar a siguiente disfraz.
00:06:10
Podemos hacerlo así, a ver cómo nos queda.
00:06:16
Apariencia, siguiente disfraz.
00:06:21
Y cada vez que demos, a ver si le he dado a siguiente fondo.
00:06:24
siguiente disfraz, a ver cómo queda
00:06:32
y si no, pues que sean, repetimos los mensajes
00:06:41
vamos a ver, mira, va haciendo este efecto, pues me parece
00:06:44
perfecto, vale, ya lo tenemos, le damos a la banderita verde
00:06:51
y se nos coloca ahí, ya lo vamos a poner aquí
00:06:54
se nos coloca en este punto, vale, movimiento
00:06:58
le hemos cambiado, entonces ahora ya tenemos esto
00:07:03
Ya una vez que tenemos, mira va haciendo este efecto, bueno, pues ahora una vez que lo tenemos es ir duplicando, duplicamos, tenemos que irnos al disfraz, al disfraz le vamos a dar la vuelta,
00:07:07
que para eso tenemos estas herramientas, aquí tenemos estas herramientas, le damos, mira, ya lo tenemos,
00:07:27
que lo único que teníamos que haber hecho es girarlo, pero bueno, vamos, ya que las tenemos, pues las vamos a ir usando.
00:07:35
Claro, este manda el mensaje derecha, pero no tiene que mandar el mensaje derecha, tiene que mandar el mensaje izquierdo.
00:07:41
Y esto realmente es lo que cuando lo hicimos nos dio un poquito de problema.
00:07:52
Aquí ponía el mismo mensaje.
00:07:58
Le mandamos izquierda.
00:08:00
Entonces aquí le tiene que llegar, duplicar, que se vaya a la izquierda.
00:08:02
Y lógicamente tenemos que ponerle que se mueva a la izquierda.
00:08:10
¿Problema que vamos a tener?
00:08:17
Este muy fácil de quitar porque le ponemos aquí.
00:08:19
Y ya lo tendríamos.
00:08:24
Ahora vamos para allá y vaya.
00:08:26
No nos lo ha hecho.
00:08:30
Ah, pues se lo tenemos que decir aquí y le damos ahí.
00:08:34
Y ya lo tenemos.
00:08:39
Es que hemos puesto la otra.
00:08:41
Pues esta sería la primera animación.
00:08:43
¿Verdad que?
00:08:46
Lo hace bien.
00:08:47
Luego podremos hacer algún jueguito que le caiga y que no se choque.
00:08:47
Mira eso para más adelante.
00:08:51
pero ahora vamos a hacer que suba hacia arriba y suba hacia abajo
00:08:53
o baje hacia abajo
00:08:56
lo mismo, duplicar
00:08:57
nos vamos aquí
00:09:00
este le vamos a llamar arriba
00:09:01
nuevo mensaje, arriba
00:09:05
si queremos en inglés pues up y también down
00:09:08
vamos trabajando el inglés, left
00:09:13
le tenemos que tirar disfraces
00:09:16
lo vamos a ver si lo conseguimos
00:09:20
este vamos a tener que girarlo, voltearlo horizontalmente, no nos está haciendo nada,
00:09:24
claro, no nos hace nada de momento, ahora cuando hagamos abajo sí que nos queda.
00:09:32
Giramos, nos aseguramos de que esté derechito, ya lo tenemos, ahí, y nos lo llevamos arriba.
00:09:39
vamos a bajarlos un poquito
00:09:55
a estos los podemos decir que vayan a estas posiciones
00:09:57
porque al hacer clic en la bandera
00:10:02
porque tocando se nos mueven
00:10:04
bueno, eso ya lo arreglaremos luego
00:10:08
nos vamos a código
00:10:09
nos acordamos, ahora está diciendo arriba
00:10:11
pues nos vamos a nuestro personaje
00:10:14
duplicamos
00:10:16
y ahora tiene que ser
00:10:18
cuando le llegue el mensaje, arriba
00:10:21
y no se nos puede olvidar que tenemos que cambiar la dirección
00:10:24
tenemos que ponerle en esta, funciona
00:10:29
y lo mismo para abajo, la verdad que una actividad
00:10:33
fácil, si se da bien la clase, mira ahora si cuando
00:10:38
vayamos a disfraces, le vamos a voltear, ya la tenemos
00:10:42
le decimos en el código que sea
00:10:46
un mensaje nuevo que llamamos abajo, aceptamos
00:10:49
nos vamos a nuestro personaje, duplicamos
00:10:57
y vamos hacia abajo
00:11:00
este bloque lo podemos quitar
00:11:06
y ya tendríamos nuestra animación
00:11:09
aquí la pondríamos, bandera verde
00:11:12
y tenemos nuestro personaje
00:11:17
no lo estamos moviendo con las teclas
00:11:19
porque al tener tablet lo estamos moviendo con una botanera
00:11:21
¿que queremos hacerlo ya un poquito más juego?
00:11:24
Bueno, pues ya más adelante podemos poner aquí un objeto para que llegue y luego un temporizador para ver cuánto tiempo tarda en llegar a ese objeto.
00:11:28
Bueno, pues una actividad para iniciar el movimiento de nuestros personajes que yo creo y sobre todo que hemos trabajado.
00:11:39
¡Ay, mira! Algo se me ha olvidado.
00:11:47
Aquí, que no le he puesto arriba-abajo, lo tengo que poner así.
00:11:50
Y ahora ya sí que va para abajo.
00:12:00
¡Uy, qué fallo!
00:12:02
Bueno, pues espero que le veáis utilidad.
00:12:03
Muchas gracias.
00:12:06
- Idioma/s:
- Materias:
- Informática, Matemáticas, Tecnologías de la Información, Programación
- Etiquetas:
- EducaMadrid, Linux, Robótica, Tecnología, Scratch, Competencia Digital, CompDigEdu, Código Escuela 4.0_M
- Niveles educativos:
- ▼ Mostrar / ocultar niveles
- Educación Especial
- Educación Basica Obligatoria
- Infantil
- Básica 1
- Básica 2
- Programas de formación para la transición a la vida adulta
- Tránsito a la vida adulta
- Programas de iniciacion profesional especial
- Educación Basica Obligatoria
- Educación Infantil
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Tercer Curso
- Segundo Ciclo
- Primer Curso
- Segundo Curso
- Tercer Curso
- Primer Ciclo
- Educación Primaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Tercer Ciclo
- Quinto Curso
- Sexto Curso
- Primer Ciclo
- Educación Secundaria Obligatoria
- Ordinaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Diversificacion Curricular 1
- Diversificacion Curricular 2
- Primer Ciclo
- Compensatoria
- Ordinaria
- Educación Especial
- Autor/es:
- Felicísimo González Canle
- Subido por:
- Felicisimo G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 24
- Fecha:
- 15 de febrero de 2025 - 11:55
- Visibilidad:
- Público
- Centro:
- CP INF-PRI JOVELLANOS
- Duración:
- 12′ 07″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 153.32 MBytes