Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Video_3_Deslizandose - 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 28 de septiembre de 2024 por Javier A.

20 visualizaciones

Vemos qué bloques tenemos que poner siempre al comienzo de la programación de cualquier objeto (muñeco) y como se utiliza el bloque deslizar

Descargar la transcripción

En este segundo programa vamos a hacer que el gato vaya por aquí, por el borde del cuadrado negro hasta llegar a la manzana, es decir, que haga lo siguiente, empieza, va hacia arriba, empieza abajo, mira hacia arriba, cuando llega aquí arriba mira a la derecha y se mueve hasta la manzana y ahí se para. 00:00:00
Eso es lo que vamos a hacer en este programa 00:00:26
Entonces, vamos a empezar 00:00:28
Lo primero, vamos a añadir un fondo 00:00:31
El fondo ese de los cuadrados que veíamos 00:00:35
Entonces nos vamos aquí a donde escenario 00:00:37
Al símbolo de elige fondo, que es como una imagen 00:00:40
Le damos a buscar 00:00:43
Y aquí en la parte de arriba a la izquierda donde pone busca 00:00:44
Vamos a poner xy 00:00:48
Y elegimos el fondo xy grid 100px 00:00:49
vamos a pintar ahora el cuadrado dentro de este fondo 00:00:54
entonces, elijo aquí escenario 00:00:57
sé que tengo elegido el escenario porque lo tengo aquí lila 00:01:00
me voy aquí a la parte de arriba a la izquierda donde pone código, fondo, salto de voz 00:01:05
me voy a fondo y voy a pintar estos cuadrados 00:01:10
¿cómo los voy a pintar? 00:01:13
bueno, tenemos distintas opciones para pintar 00:01:15
nosotros vamos a coger la que es como un cubo B, vertiendo 00:01:16
que pone rellenar 00:01:20
Aquí puedo elegir el color que quiera, yo voy a elegir el negro, y ahora voy pinchando en los cuadritos que yo quiero colorear y me va coloreando esos cuadrados, estos seis. 00:01:21
Bien, pues con el fondo ya terminado. 00:01:40
¿Qué más teníamos? Teníamos algado y teníamos la manzana, entonces vamos a añadir la manzana. 00:01:42
Me doy aquí en la parte de objetos, que es como la silueta de la cara del gato, pongo el ratón encima y si me abre este desplegable, le doy a la lupa y busco y ya la tengo seleccionada. 00:01:47
Bien, de la manzana, cuando nosotros tenemos nuestro programa, la manzana empezaba aquí en esta esquina y el gato empezaba aquí. 00:02:08
Entonces lo primero que voy a hacer va a ser en la manzana hacer que empiece aquí en esta esquina. 00:02:18
Yo selecciono la manzana aquí abajo, lo primero siempre ponemos el bloque de al hacer clic 00:02:23
en bandera, que lo tenemos en el evento, y yo quiero que la manzana se me sitúe en esta 00:02:31
posición, entonces necesito el bloque de ir a x y, cojo el bloque de ir a x y, pongo 00:02:36
la manzana donde yo quiero que empiece, y miro la x y la y llega en ese sitio, entonces 00:02:43
X 48, Y 80 00:02:50
Pues cambio aquí 00:02:52
X 48, Y 80 00:02:53
Compruebo si yo muevo la manzana a algún lado 00:02:57
Se me sitúa ahí 00:03:00
Ahora, la manzana es muy grande 00:03:01
Nosotros la queremos pequeña 00:03:04
Que quepa dentro del cuadrado 00:03:06
Entonces la tengo que hacer 00:03:07
Tengo que bajar su tamaño 00:03:08
Para bajar su tamaño 00:03:10
Podríamos hacerlo directamente aquí 00:03:12
¿Qué ocurre? 00:03:14
Si yo aquí, por ejemplo, le cambiase el tamaño 60 00:03:15
Pues cuando empiece 00:03:17
Está bien 00:03:19
pero imaginaros que por lo que sea, durante el programa 00:03:20
el tamaño se cambia y acaba en 200 00:03:23
cuando yo empiece mi programa, acaba en 200, y por ejemplo la manzana acaba ahí 00:03:26
cuando yo empiece mi programa, quiero que la manzana se sitúe aquí 00:03:33
y que sea pequeña 00:03:37
como yo el tamaño lo había cambiado aquí manualmente 00:03:38
cuando lo voy a empezar, la manzana sí que se situará en su posición 00:03:44
porque lo tengo puesto en la programación 00:03:49
pero el tamaño no se modifica porque no lo tengo 00:03:51
en la programación 00:03:53
entonces lo que nos tenemos que acostumbrar es 00:03:54
a que la manzana 00:03:57
se sitúe, o sea, a que los cambios 00:03:58
que queramos, tanto de posición como de tamaño 00:04:01
como de dirección 00:04:03
lo pongamos siempre al principio 00:04:04
del programa, para que todo empiece exactamente 00:04:07
como nosotros hemos puesto en la posición 00:04:09
vamos a poner ahora el del tamaño 00:04:12
para eso vamos a los bloques 00:04:14
de apariencia 00:04:16
Y tenemos dos bloques, cambiar tamaño y fijar tamaño 00:04:17
¿Qué hace cada uno? 00:04:22
El de cambiar tamaño lo que hace es que al tamaño que tenga en el momento que pase por aquí el programa 00:04:24
Le va a sumar el valor que yo ponga aquí 00:04:31
En este caso 10 00:04:33
Si os fijáis la manzana está en 200 00:04:34
Cuando yo le doy a la bandera se va a situar en la posición que yo le he puesto aquí 00:04:37
Y va a hacerlo de cambiar tamaño 00:04:43
Entonces nos fijamos 00:04:44
se ha puesto y que ha ocurrido 00:04:45
el tamaño le ha sumado 10 00:04:47
yo le doy 00:04:49
entonces este de cambiar tamaño 00:04:51
en verdad sería un 00:04:54
sumar 10 00:04:55
en este caso al tamaño que ya tuviese 00:04:58
por lo tanto no me sirve 00:05:00
en cambio el de fijar tamaño 00:05:02
que hace es 00:05:03
me cambia este tamaño 00:05:05
al valor que yo pongo aquí 00:05:08
si yo pongo aquí 100 00:05:09
como yo la quiero más pequeña 00:05:11
por ejemplo voy a poner 00:05:13
y le doy 00:05:16
sigue más bajo 00:05:18
da igual donde acabe la manzana 00:05:20
y al tamaño que acabe la manzana 00:05:23
yo cuando empiezo 00:05:24
se me pone en un sitio y me fija el tamaño 00:05:26
al 80, como el 80 sigue siendo 00:05:28
un poquito grande, vamos a ponerlo más o menos 00:05:30
si lo quisiésemos un poquito más pequeño 00:05:35
pues lo podríamos seguir haciendo 00:05:37
con la manzana ya hemos terminado 00:05:38
vamos ahora al gato, pincho al gato 00:05:41
para irme al código del gato 00:05:43
¿Y qué teníamos en el gato? En el gato teníamos solo la cabeza 00:05:45
Entonces le vamos a borrar el cuerpo 00:05:48
Para ello, con el gato seleccionado, nos vamos a disfraces 00:05:50
Lo primero que vamos a hacer va a ser, como este segundo disfraz yo no lo quiero, lo voy a borrar 00:05:54
Entonces, o bien le hago clic derecho encima, borrar, o lo selecciono y le doy a la papelera 00:05:59
Y ahora, este es el disfraz que yo quiero, pero yo no quiero los brazos, ni las patas, ni nada de eso 00:06:07
Solo quiero la cabeza 00:06:14
Este brazo que yo no lo quiero 00:06:14
Pues lo selecciono 00:06:17
Pincho con el clic izquierdo 00:06:18
Lo suelto 00:06:20
Aquí selecciono 00:06:21
Aquí lo importante es con la flecha seleccionada 00:06:24
Para que no aparezca aquí eliminar 00:06:27
Entonces selecciono y elimino 00:06:29
Selecciono y elimino 00:06:31
Así con todo excepto con la cabeza 00:06:33
Ya hemos terminado aquí en difra 00:06:36
Vamos a código 00:06:39
Entonces lo mismo 00:06:40
En el gato lo primero ponemos al hacer clic en bandera 00:06:41
Luego irá un ir a xy 00:06:45
Y luego irá 00:06:48
Bueno, ir a xy que está en movimiento 00:06:50
Y luego irá un fijar tamaño 00:06:51
Que está en apariencia 00:06:54
Ahora, ¿a qué xy quiero que vaya? 00:06:55
A este de aquí, ¿no? 00:06:59
Se sitúa más o menos en mi dato 00:07:00
x menos 75 00:07:02
Y menos 56 00:07:04
x menos 75 00:07:05
Y menos 56 00:07:07
Entonces ya empieza donde empiece 00:07:10
Se me sitúa 00:07:12
Y tamaño, pues yo quiero que el gato entre dentro del cuadrado 00:07:13
Voy probando aquí distintos tamaños 00:07:17
Por ejemplo, 60 00:07:19
Sigue siendo un poco grande 00:07:20
Voy a poner 50 00:07:22
Vale, y ya está 00:07:24
Entonces, empiece donde empiece el gato y la manzana 00:07:26
O sea, esté en donde estén el gato y la manzana 00:07:29
Cuando empiece mi programa 00:07:33
Se sitúan donde yo quiero y con el tamaño que yo quiera 00:07:34
Vale, entonces vamos ahora ya al programa 00:07:38
Estos tres bloques 00:07:41
El hacer clic en bandera 00:07:43
Ir a X y fijar tamaño 00:07:45
Lo ponemos siempre en todos los objetos 00:07:46
Para que cuando empiece el programa 00:07:49
Cada muñeco, cada objeto 00:07:50
Empiece en la posición que yo quiera 00:07:53
Y con el tamaño que yo quiera 00:07:55
Ahora, ¿qué tenía que hacer el gato? 00:07:57
El gato tenía que venir primero hacia aquí arriba 00:07:59
Mirar hacia arriba 00:08:01
Moverse hacia aquí 00:08:02
Hacia aquí arriba, luego mirar a la derecha 00:08:04
Y moverse hacia la avanzada 00:08:07
Entonces lo primero, mirar hacia arriba 00:08:09
Pues ese, dijimos en el vídeo anterior 00:08:10
Que lo hacíamos con el de apuntar en dirección 00:08:13
Y como es hacia arriba, pues aquí selecciono la dirección hacia arriba 00:08:16
Bien, lo ha hecho 00:08:21
Vale, seguimos, ahora es moverse hasta aquí 00:08:24
Pues en el vídeo anterior, para mover, utilizábamos el bloque de mover un número de pasos 00:08:27
Pues utilizamos ese 00:08:33
Mover 10 pasos es poquito 00:08:35
Yo quiero que se mueva hasta aquí 00:08:36
¿Cómo lo puedo hacer? 00:08:38
Pues tengo dos opciones 00:08:40
o bien voy probando aquí y voy cambiando, por ejemplo, si ha sido poco, pruebo 100, no ha llegado, pruebo 150, se ha pasado, pruebo 130, eso sería una opción, ¿cuál sería la otra opción?, mi gato empieza ahí, entonces, yo como quiero que acabe aquí, ¿qué hago?, lo pongo donde quiero que acabe, 00:08:41
Y en este caso, bueno, vamos a hacerlo probando 00:09:09
Porque si no domináis las coordenadas 00:09:12
Mejor lo hacemos probando y ya está 00:09:18
Entonces, vale, ya empieza ahí mi gato 00:09:21
¿Qué ocurre? 00:09:23
Mi gato, vale, imaginaos, termina aquí 00:09:25
Yo cuando le doy a la bandera lo que quiero es que mi gato 00:09:27
Empiece aquí, mira hacia arriba 00:09:29
Y se mueva 00:09:32
Yo le doy a la bandera, ¿qué ocurre? 00:09:34
Parece que empieza aquí directamente 00:09:36
En verdad no está empezando aquí directamente 00:09:38
Si lo hubiésemos a cámara 00:09:40
Súper lenta, empezaría aquí abajo 00:09:42
Y muy rápido se movería hacia aquí 00:09:44
O sea, iría a la posición que yo quiero 00:09:46
Pero muy rápido 00:09:48
Haría este mover 120 pasos 00:09:49
Porque nosotros cuando le damos a la bandera 00:09:52
Estamos desencadenando 00:09:54
Este bloque amarillo 00:09:56
Y todo lo que haya debajo del bloque amarillo 00:09:57
Se va haciendo en orden 00:10:00
De arriba hacia abajo, pero muy rápido 00:10:01
Por eso parece que el dato 00:10:04
empieza directamente ahí arriba. ¿Cómo puedo asegurarme de que yo vea que el gato 00:10:06
empieza aquí abajo? Pues poniéndole un esperar. Vamos a control, cojo el bloque de esperar 00:10:11
un segundo y aquí, antes de que mire hacia ningún lado y se mueva ni nada, le pongo 00:10:16
el esperar. ¿Veis? Ahora sí vemos cómo empieza aquí abajo, espera un segundo y se 00:10:23
mueve aquí. Luego, cuando estaba aquí, ¿qué tiene que hacer? Mirar a la derecha. Entonces, 00:10:29
movimiento, a montar en dirección, 90, que es la derecha, empieza, se mueve y mira, vale, 00:10:36
y ahora se tiene que mover hasta la manzana, pues mover, vuelvo a mover 10 pasos, es muy 00:10:46
poquito, pues vuelvo a probar, pongo 120, ha llegado, pero ¿qué ha ocurrido? parece 00:10:54
que no ha pasado por aquí, por lo mismo, porque esto, estos 4 bloques, lo hace uno 00:11:03
ya hace otro muy rápido 00:11:08
entonces vamos a poner un esperar 00:11:09
que lo tenemos en control 00:11:12
vamos a poner un esperar 00:11:14
aquí, que espere cuando 00:11:16
llegue aquí, antes de ir a la derecha 00:11:19
espere, entonces está aquí un segundo 00:11:21
se mueve un segundo y se mueve 00:11:24
vale, lo ha hecho bien 00:11:25
ha empezado aquí, ha ido hacia arriba 00:11:27
y luego ha ido hacia la derecha 00:11:29
¿qué ocurre? que parece 00:11:32
que se va teletransportando 00:11:33
o sea, yo empiezo 00:11:35
y parece que se teletransporta 00:11:37
Vamos a hacer que en vez de eso vaya el gato, que lo vayamos viendo conforme va avanzando. 00:11:39
Para ello, vamos a movimiento, tenemos aquí un bloque que pone deslizar en un segundo a una posición X. 00:11:47
Vamos a utilizar este bloque. 00:11:57
¿Podríamos hacerlo con mover pasos? Sí, yo podría decirle, por ejemplo, en vez de mover 130 pasos de golpe, 00:12:00
yo le podría, por ejemplo, ir diciendo que me mueva de 10 pasos en 10 pasos 00:12:08
y que después de cada 10 pasos me espere un poquito de tiempo 00:12:13
entonces iría como dando saltitos de 10 en 10 00:12:16
en vez de dar un salto de 130 y luego esperar un segundo 00:12:19
yo podría decirle que 10 es un saltito de 10 00:12:23
esperase, saltito, espere 00:12:26
¿qué ocurre? 00:12:28
nos saldría un montón de bloques 00:12:30
por eso vamos a quitar 00:12:32
quitar todo esto y lo vamos a hacer 00:12:36
con el de deslizar 00:12:39
entonces 00:12:41
empieza mi programa aquí, hemos dicho que lo primero 00:12:42
era que el gato mirase hacia arriba 00:12:45
pues 00:12:47
vamos a movimiento 00:12:48
apuntar hacia arriba 00:12:51
ya estamos ahí, ahora 00:12:52
como se tiene que mover a esta posición de aquí 00:12:57
le vamos a poner el deslizar 00:12:59
y la x y la y 00:13:01
de donde quiero que acabe 00:13:03
de deslizar 00:13:05
Que es X menos 67 y 72 00:13:07
X menos 67 y 72 00:13:09
Empieza, empieza de abajo y se ha ido hacia arriba 00:13:16
Bien 00:13:27
Ahora aquí tiene que mirar hacia la derecha 00:13:28
Vamos a apuntar en dirección 00:13:31
Y selecciono la derecha 00:13:33
Y le vamos a poner otro deslizar 00:13:35
Y ya está la manzana 00:13:38
La manzana es, más o menos, 58, 75 00:13:41
X, 58 y 75 00:13:46
Entonces empieza abajo y va hacia arriba 00:13:50
Va, se queda ahí 00:13:54
En vez de que acaba ahí, que acaba aquí 00:13:58
47, vamos retocando para que quede mejor 00:14:02
bien 00:14:11
entonces 00:14:11
desliza en un segundo, repito este bloque 00:14:13
en este bloque en el de deslizar 00:14:17
en uno de los segundos a una posición x 00:14:18
tenemos por un lado 00:14:21
la posición x y donde quiero que acabe de deslizar 00:14:22
y lo de un segundo 00:14:25
es el tiempo que tarda desde 00:14:26
donde empiece hasta donde acabe 00:14:28
por ejemplo este primero 00:14:31
empezaría en la posición 00:14:32
aquí abajo y 00:14:34
tardaría un segundo en llegar aquí 00:14:36
si yo este segundo por ejemplo le pongo 00:14:38
0,5 para que lo veáis, va ahora mucho más lento hasta llegar aquí, ahora mismo estamos 00:14:40
en este bloque y este tardaría menos, para que sepamos que modificando estos segundos, 00:14:46
poniendo, lo he puesto más, pero también puedo poner menos, por ejemplo, puedo poner 00:14:53
0,5 si quiero que vaya más rápido, para que sepamos cómo funciona ese bloque y así 00:14:57
incluirlo, ¿vale? porque 00:15:04
entonces, el programa 00:15:06
este ya estaría, ¿vale? recordamos 00:15:08
hemos hecho que en nuestro programa 00:15:10
bueno, por un lado habíamos añadido 00:15:12
el fondo, ¿vale? en la manzana 00:15:14
habíamos hecho que cuando 00:15:16
empiece el programa se sitúe en la posición 00:15:18
esta que nosotros 00:15:20
queremos, ¿vale? y con el tamaño que 00:15:22
queremos, y luego en el gato hemos 00:15:24
hecho que empiece en la posición de 00:15:26
abajo a la izquierda, con un tamaño 00:15:28
que nosotros queremos 00:15:30
luego va a mirar hacia arriba 00:15:31
Se va a deslizar durante el tiempo que yo le diga aquí 00:15:33
A la posición de arriba a la izquierda 00:15:37
Luego a la derecha 00:15:40
Y va a deslizarse hasta la manzana 00:15:43
Que es la posición 47, 67 00:15:46
Va a deslizarse ahí durante el tiempo que le digamos aquí 00:15:49
Un segundo en este caso 00:15:54
Entonces, para moverse 00:15:56
Hemos visto por ahora que tenemos dos opciones 00:15:59
El mover 10 pasos 00:16:02
Que lo que va haciendo es que va pegando saltitos 00:16:03
Por ejemplo, está aquí 00:16:07
Le digo mover 10 pasos 00:16:08
Y es como si se teletransporta hasta aquí 00:16:09
Luego se teletransporta 00:16:12
El mover 10 pasos es como si se fuese teletransportando 00:16:15
Y el deslizar que va como estamos viendo aquí 00:16:18
El deslizar va, lo vemos todo el rato 00:16:24
Pero el mover es como teletransportar 00:16:32
Para que sepamos las dos opciones que tenemos por ahora 00:16:37
Para mover un objeto, que son estas dos 00:16:40
Pues las diferencias 00:16:43
Con esta es como que me teletransporto 00:16:45
Y con esta voy viendo exactamente todo el camino 00:16:48
Idioma/s:
es
Autor/es:
Javier Arias Álvarez
Subido por:
Javier A.
Licencia:
Reconocimiento
Visualizaciones:
20
Fecha:
28 de septiembre de 2024 - 19:49
Visibilidad:
Público
Centro:
sies vega del tajuña
Duración:
16′ 54″
Relación de aspecto:
2.11:1
Resolución:
1920x910 píxeles
Tamaño:
911.15 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid