Saltar navegación

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 pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 10 de noviembre de 2025 por Felicisimo G.

5 visualizaciones

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.

Descargar la transcripción

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:
es
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 Infantil
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
    • Segundo Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
    • Tercer Ciclo
      • Quinto Curso
      • Sexto Curso
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid