Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Programa con Scratch que tu personaje envié rayos y escaneé un espacio - 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:
Programa con Scratch para enviar un rayo que llegue hasta el borde y te permita reconocer el entorno. Cambia los colores del rato o el número de rayos.
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. Vamos hoy a ver en Scratch cómo hacer este efecto como de un escáner.
00:00:10
Le damos a la derecha, le damos a la izquierda y vemos que el rayo no atraviesa los objetos, sino que hace como si fuera una linterna.
00:00:18
Vamos a ver cómo lo hemos hecho.
00:00:27
Lo primero, teníamos un objeto que se movía de una manera muy fluida, hacia adelante, hacia atrás, la verdad, y se desplazaba lateralmente.
00:00:30
Y bueno, no atravesaba los objetos.
00:00:42
Y lo que hemos hecho es que para que esté siempre mandando este rayo, no tenemos que apretar una tecla, sino que constantemente está mostrándose ese rayo.
00:00:46
entonces enviamos, hemos creado un mensaje y enviamos ese mensaje
00:00:59
breakcast, y a quien se lo mandamos, se lo mandamos a un objeto
00:01:03
nuevo que hemos hecho, que no es otra cosa más que duplicar este
00:01:07
hemos duplicado este objeto, pero lo que hacemos de este objeto es
00:01:10
mirar, botón derecho, eliminamos 62 bloques
00:01:15
lo hemos dejado vacío, y de disfraces
00:01:18
nos hemos quedado con el hitbox, ahí lo tenemos
00:01:22
Pues ese es este, lo que pasa es que este está sin el código y ahora vamos a ver el que tiene el código, que es este.
00:01:27
Bueno, al hacer clic en bandera hemos tenido que crear una variable, la variable for debe ser full of view, no sé lo que es, pero bueno, esa variable la...
00:01:36
anterior, donde hace solo un rayo, un simple rayo, y nosotros ahora nos hemos ido, hemos
00:01:57
seguido en el video tutorial y hemos visto que está haciendo ese, aquí estaría, hemos
00:02:03
llegado hasta aquí, ahí lo tenemos. Bueno, pues muy bien este autor, Gris Paz, que lo
00:02:12
hace estupendísimamente. Bueno, pues siguiéndole, lo que hacemos es, tenemos este mensaje que
00:02:19
que lo estamos mandando siempre, y le va a llegar a nuestro, que lo hemos llamado raycaster, de rayo, ahí lo tenemos.
00:02:26
Bueno, al hacer clic, esa variable, le damos el valor 60, nos vamos a mover entre 30 y 120, le hemos dado el valor 60,
00:02:39
cambiamos disfraz a hitbox que es el único que nos hemos dejado
00:02:50
y fijamos estilo de rotación no rotar
00:02:56
si nos fijamos es este puntito
00:02:59
y ahora al recibir raycast que lo está recibiendo por siempre
00:03:01
porque este viene de un por siempre
00:03:06
siempre está mandando ese mensaje
00:03:11
vamos a ver que le hacen
00:03:13
hemos cogido un bloque, este es interesante
00:03:14
Es apuntar en dirección, que lo tenemos en movimiento, apuntar en dirección y luego nos hemos ido a sensores y nos hemos ido a este bloque, a este, número de fondo de escenario.
00:03:17
Pero lógicamente no es número de fondo de escenario, es dirección, bueno primero tenemos que elegir a quien elegimos, al player, y una vez que elegimos al player,
00:03:33
Claro, porque a ver, si es un escenario, pues tiene el número de fondo, nombre de fondo, tal.
00:03:44
Pero si estamos hablando de un jugador, pues ya tiene otras características,
00:03:51
pues la posición, número de disfraz, nombre, tamaño, y nos vamos a dirección
00:03:57
y ya lo tenemos, este bloque importantísimo, que es combinado de movimiento y de sensores.
00:04:02
y lo que hacemos para conseguir este rayo
00:04:09
es que nos tenemos que ir a la extensión lápiz
00:04:13
aquí tenemos la extensión lápiz
00:04:16
la cogemos y bueno, pues hacemos todo
00:04:18
primero borramos todo
00:04:22
fijamos el tamaño del lápiz a 4
00:04:23
¿por qué 4?
00:04:25
si nos acordamos, este Raycaster
00:04:27
tiene unas dimensiones de 4x4
00:04:29
Es para que no sea más grande que nuestro objeto.
00:04:34
Y le damos el color, en este caso le ha dado este azulito, que queda tan bien.
00:04:40
Podemos ir poniéndole otros colores.
00:04:45
67, pues ahí vemos, le va cambiando el color.
00:04:49
Mira, en rojo también quedaría muy bien.
00:04:53
Bueno, aquí elegimos este azulito, la verdad que está muy bien.
00:04:55
Y nos hemos tenido que crear un bloque.
00:04:59
El bloque Raycast y luego el bloque SingerRay.
00:05:01
Vamos a ver el bloque Raycast.
00:05:07
Los dos no tienen...
00:05:09
Porque cuando creamos un bloque le damos el nombre y le añadimos entrada.
00:05:12
Simplemente son nombres de bloque.
00:05:15
Ahí lo tenemos fuera.
00:05:20
Vamos a ver este de SingerRay.
00:05:22
SingerRay es...
00:05:24
Primero borramos todo y fijamos nuestro lápiz.
00:05:26
Ahora lo que hacemos es que bajamos el lápiz.
00:05:29
y ahora ya empieza a pintar
00:05:32
¿y qué le decimos?
00:05:34
pues que se vaya a player
00:05:36
eso es importante
00:05:37
nos vamos a player
00:05:39
que lo tenemos aquí en ir a
00:05:41
ir a posición aleatoria
00:05:43
no, tenemos que irnos a player
00:05:47
nos vamos a player
00:05:48
y le decimos
00:05:50
que repita hasta que toque el escenario
00:05:52
que lo hemos llamado level
00:05:55
hasta que toque
00:05:56
algún punto de estos
00:05:57
vamos a ir viéndolo
00:06:00
hasta que toque algún punto de esos
00:06:02
va a estar moviéndose cuatro pasos
00:06:04
pero luego lo que va a hacer es que lo va a repetir
00:06:08
hasta que no toque nivel y se mueve menos uno
00:06:12
y por eso se nos queda aquí
00:06:15
esto es como conseguimos y luego subimos el lápiz
00:06:17
pintamos con estas características
00:06:21
se va moviendo hasta llegar ahí
00:06:24
cuando toca mueve uno hacia atrás
00:06:25
y se queda en un no tocando el escenario
00:06:28
Y está ahí, que no lo llega a tocar, pero hace el efecto de que lo está tocando.
00:06:31
Y luego esta variable, que es la que nos hace abrir o cerrar el rayo, la tenemos...
00:06:36
Bueno, nosotros cuando creamos una variable, vamos a crear una variable puntos,
00:06:45
ahí la tenemos como puntos, la podemos definir, definimos puntos a cero.
00:06:50
y ahora nos vamos sobre la variable en nuestro escenario, botón derecho, que añadimos deslizador
00:06:55
y luego, botón derecho, cambiamos el rango, pues puede ser entre 0 y 100
00:07:03
y ahí vamos modificando, en este caso punto no tiene sentido, pero sí lo que sería la amplitud de nuestro, por así decirlo, nuestro escáner.
00:07:10
Vamos a eliminar puntos, vale, pues ahí la tenemos.
00:07:23
Y teníamos un problema, teníamos el problema, aquí lo hemos solucionado con esta variable.
00:07:28
Ahora lo tenemos desde el centro, vemos que se reparte por igual a la derecha o izquierda.
00:07:34
¿Eso cómo lo hemos conseguido? Con este nuevo bloque.
00:07:42
Creamos un bloque, Raycast, y Raycast le decimos que gire toda la anchura dividido entre 2 y lo repetimos tantas veces como el valor que le demos.
00:07:44
Si le damos 70, 70. Si le damos 60, 60. Si le damos 41, pues 41. Dividido entre 2.
00:08:03
Y eso es lo que hace que se nos reparta tanto a la derecha como a la izquierda.
00:08:13
Lo repetimos, este rayo, lo repetimos, este que va hasta que toca el escenario, lo repetimos tantas veces,
00:08:17
pero girando uno, y va desde aquí hasta aquí, girando uno,
00:08:29
y entonces nos completa todo lo que sería nuestro espacio.
00:08:34
Porque si no estaríamos hablando de que solamente tenemos líneas que están separadas.
00:08:40
Y aquí lo que hacemos con este bloque es rellenar todo el espacio,
00:08:49
y teniéndolo este centrado.
00:08:52
No está en un lateral, sino desde el centro, se reparte a derecha e izquierda,
00:08:54
todo lo que sería su amplitud, muy amplio también, lo mismo a la derecha que a la izquierda,
00:08:59
con la variable esta que la hemos dividido entre 2, y luego repetimos tantas veces como la amplitud
00:09:07
que hayamos puesto, 89 en este caso, que se gira hacia un lado un gradito y entonces lo cumple.
00:09:14
Vamos a ponerle, por ejemplo, 9 grados y vemos lo que nos hace.
00:09:21
ves que aquí no nos completa todo
00:09:26
hombre, que no queda mal
00:09:29
fíjate lo que nos hace ahora esto aquí
00:09:30
vamos a hacerlo más pequeñito
00:09:33
ahí lo hacemos más pequeñito
00:09:35
pero para evitar este hueco
00:09:38
lo que hacemos es ponerle un grado
00:09:40
y entonces nos lo cubre todo
00:09:43
la verdad que esto nos ofrece muchísimas posibilidades
00:09:45
o sea, cuando podemos tener un objeto
00:09:50
donde vaya moviéndose y tenga que escaparse sin que le pille la luz.
00:09:54
Esto nos da mucho juego porque además Raycaster al ser un objeto
00:09:59
nos podemos ir a otro objeto y aquí nos vamos en sensores y tocando
00:10:03
y aquí le ponemos Raycaster, o sea si nos toca el chorro de luz
00:10:11
pues ya nos ha pillado, o sea que nos da muchísimas posibilidades
00:10:16
como nos dice el autor, el autor la verdad que en eso lo tiene claro
00:10:19
Él presenta esta actividad, pero luego nosotros podemos darle otras utilidades.
00:10:23
Bueno, pues la verdad que a mí me gusta.
00:10:30
Funciona y encima que te puedas ir moviendo y vas haciendo, pues mira, serían los focos de un coche.
00:10:33
Y ahí vas viendo qué objetos te puedes encontrar por el camino.
00:10:40
Que sea un poquito una conducción nocturna.
00:10:45
Te puede dar mucho, desde luego, muchísimo.
00:10:48
Bueno, pues espero que le veáis utilidad. Muchas gracias.
00:10:51
- 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:
- Felicísimo González Canle
- Subido por:
- Felicisimo G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 6
- Fecha:
- 17 de septiembre de 2025 - 20:45
- Visibilidad:
- Público
- Centro:
- CP INF-PRI JOVELLANOS
- Duración:
- 10′ 55″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 110.54 MBytes