Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Utiliza el scroll cuando programes con Scratch para mejorar tus juegos - 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:
Utiliza el movimiento de los fondos para mejorar tus programas con scratch. Controla las posiciones en el eje x y dale vida a tus fondos con un scroll.
Cuatro minutos con Félix. Programación, tecnología, robótica, aulas virtuales, actividades y recursos para trabajar en primaria.
00:00:00
Hola, buenos días. Estamos haciendo un juego, principalmente lo que nos estamos basando es en el scroll.
00:00:10
Hemos hecho aquí un scroll horizontal, pero el otro día vimos un scroll vertical.
00:00:17
Vamos a ver cómo se hace. Y luego pues veremos cómo es el juego.
00:00:22
Este es el scroll vertical que hicimos el otro día
00:00:26
Entonces, bueno, dependiendo de que sea vertical o que sea horizontal
00:00:31
Pues tendremos que tener distintos valores que pongamos para nuestras variables
00:00:35
Le haremos un fondo, pero lo que vamos a hacer es luego crear dos variables
00:00:40
Una clonada y otra que es el normal
00:00:45
Vamos aquí al horizontal, pues lo vemos
00:00:48
¿Por qué hemos puesto la cuadrícula?
00:00:51
Porque es muy importante
00:00:54
Vamos a verlo ahora. Tenemos nuestro fondo. Nuestro fondo es un objeto. No nos vamos a fondo, sino que es un objeto que lo vamos a llamar escenario.
00:00:55
Y aquí, si nos fijamos, nosotros vamos desde el 180 positivo hasta al menos 180 en vertical.
00:01:06
Y vamos del 240 al 240 negativo al 240 positivo en horizontal.
00:01:13
Esos 480 son prácticamente los que ponemos aquí. Aquí ponemos 475. Aquí cuando vamos ya llegando la variable, hemos creado dos variables, la variable clon y la variable escenario.
00:01:19
Cuando llegan al valor menos 479, que sería muy cercano al 480, lo que hacemos es que le damos al clon otra vez los valores 470.
00:01:38
Y bueno, aquí tenemos el 475. Es como si cuando llegamos, porque lo que hacemos es ir sumando 3, menos 3, y esto hace que vaya más rápido o más despacio, vamos sumando, vamos restando y entonces lo que hacemos es que si yo parto de 0 voy restando 3, 3 hasta llegar a 479.
00:01:51
y luego me voy a 470 y empiezo otra vez a restar
00:02:10
y aquí lo mismo, lo que pasa es que empezamos de valores distintos
00:02:14
y eso es lo que nos hace este movimiento de scroll
00:02:17
que parece que se está moviendo el fijo
00:02:21
y luego, claro, si nos vamos al vertical
00:02:24
pues hemos visto que del menos 180 al 180, o sea que son
00:02:29
360 prácticamente, aquí quitamos menos
00:02:33
359, aquí ponemos 355
00:02:37
muy cercano a 360 y le damos este 350
00:02:41
nos llegamos al 360, pero es importante tener
00:02:45
claro que valores vamos a poner para que haga nuestro scroll
00:02:49
y que es lo que hacemos, bueno, simplemente al hacer clic en la bandera
00:02:53
esas dos variables que hemos creado, clone y escenario
00:02:57
las tenemos que poner, el clone le ponemos en valor 0
00:03:02
Empezamos de 0, al hacer clic, creamos un clon de mi mismo, damos ahí el valor 0, estaríamos en esta línea,
00:03:05
y por siempre vamos a dar a X, porque nos vamos a mover el X, el valor escenario.
00:03:13
Y luego en el otro, en el clon, por siempre le vamos a dar al clon el valor X, o sea, nuestra X va a valer estas variables que le hemos puesto.
00:03:20
Y le vamos a ir quitando 3. Empezamos en 475 y luego iremos a 472, 469 y aquí empezaremos, como empezamos en 0, menos 3, menos 6.
00:03:30
Luego lo que hacemos es que vamos a ir restando, pero no infinitamente, sino hasta que lleguemos a este valor de menos 479, que volvemos a empezar en 470.
00:03:45
Lógicamente el clon llega antes a este menos 479 y empieza en 470.
00:03:55
Este le va a llevar casi prácticamente el doble, la bandera verde y un bloque para comenzar como clon.
00:04:03
Lógicamente cada uno con sus variables
00:04:10
Y sus variables que tienen numeraciones distintas
00:04:12
Y siempre buscando la longitud de nuestro escenario
00:04:15
Que en este caso son 480, 479, 400
00:04:22
Aquí podríamos modificar
00:04:25
Y el que nos da la velocidad es este, menos 3
00:04:27
Con esto ya tenemos nuestro scroll
00:04:30
Que se va moviendo el escenario
00:04:34
y que también al ser un objeto pues nos está permitiendo interaccionar
00:04:36
cuando nuestro objeto toca el pincho pues le penaliza
00:04:42
bueno pues espero que veáis su utilidad hacer estos scroll
00:04:45
pues mira para un gatito en este caso que se mueve horizontalmente
00:04:49
o también para hacerlo con un gato que se está moviendo verticalmente volando por el espacio
00:04:53
bueno pues espero que le veáis su utilidad
00:05:01
- Idioma/s:
- Materias:
- Diseño, Matemáticas, Tecnología, Tecnologías de la Información, Programación
- Etiquetas:
- Juegos, Operaciones matemáticas, Tablet, Tecnología, Scratch, Competencia Digital, CompDigEdu, Competencia Digital Docente, Código Escuela 4.0_M, Animación
- 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:
- Felicisimo González Canle
- Subido por:
- Felicisimo G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 5
- Fecha:
- 10 de noviembre de 2025 - 20:31
- Visibilidad:
- Público
- Centro:
- CP INF-PRI JOVELLANOS
- Duración:
- 05′ 03″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 11.45 MBytes