Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Video_3_Deslizandose - 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:
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
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
80
00:05:14
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:
- 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