Saltar navegación

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

Ejercicios processing, rebotes (práctica 4) - 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 7 de enero de 2021 por Inmaculada M.

869 visualizaciones

Vídeo de ayuda con los ejercicios propuestos en la práctica 4 de processing, objetos que rebotan

Descargar la transcripción

Bueno, para hacer el ejercicio de la práctica 4, el primer ejercicio, el que vale 5 puntos, lo que se pide es que hagáis varias figuras básicas que se muevan y reboten a lo largo de la pantalla. 00:00:01
En concreto, un círculo rojo que va de lado a lado, un rectángulo marrón que va de arriba a abajo y otro círculo verde que se mueva en diagonal. 00:00:13
Para eso yo he definido cuatro variables. La primera de las variables es la que controla el movimiento del círculo, la segunda la del rectángulo y las otras dos las que controlan el movimiento del tercer círculo, que al moverse en diagonal necesito controlar tanto la posición horizontal como la vertical. 00:00:20
después he utilizado tres variables booleanas a las que he llamado ida, ida2 e ida3 00:00:36
esos nombres los he elegido porque he querido, se podían llamar de cualquier manera 00:00:44
y he decidido que inicialmente tengan el valor verdadero, el valor true 00:00:47
vale, a continuación establezco la función setup que es el límite de la pantalla 00:00:52
y que no aparezca cursor si paso el ratón por encima de esa pantalla 00:00:58
después en la función draw el bucle que se repite todo el rato 00:01:02
Pongo un fondo blanco para que las figuras no dejen resto, no se borren cada vez que se dibujan. 00:01:06
Voy a dibujar una primera figura sin borde, rellena de rojo y es un círculo, 00:01:13
cuya posición está controlada por la variable x. 00:01:16
A continuación pongo los condicionales que van a controlar el movimiento de ese círculo. 00:01:20
Entonces, si la variable que he llamado ida es verdadero, 00:01:25
esto es una forma de poner si la variable ida es verdadero, 00:01:29
esto se puede poner así con las variables booleanas, sin poner igual ni nada de eso. 00:01:32
Quiero que haga lo que está entre estas dos llaves. 00:01:36
Entonces mientras la variable ida sea verdadero le voy a sumar 5 a la variable x para que se mueva hacia la derecha de 5 en 5 00:01:38
y una vez que la variable x llegue a ser 700 convierto la variable ida en falso. 00:01:45
Entonces dejaría de ejecutarse este bloque y pasaría a ejecutarse este segundo. 00:01:52
Esta es otra forma de poner si no. 00:01:56
en el vídeo anterior hemos visto si la ida no era verdadero o si lo contrario de ida 00:01:58
pues también se puede poner un bloque compuesto if else 00:02:04
que es como si pusiéramos sí o si no 00:02:07
entonces si no se cumple que la variable ida sea verdadero 00:02:10
voy a hacer lo que está entre estas dos llaves 00:02:17
entonces en vez de sumar cuando estoy de vuelta cuando la variable ida ya no es verdadera 00:02:20
resto para que se mueva hacia la izquierda 00:02:25
Y voy a dejar de restar cuando la variable x sea más pequeña que 100, que vuelve a ser verdadero. 00:02:28
Entonces volvería a este bloque de aquí y estaría rebotando el círculo rojo, yendo y viniendo. 00:02:33
Vale, para el cuadrado marrón se hace de forma similar, pero en lugar de controlar la primera variable, controla la segunda, que es la que controla la posición vertical. 00:02:39
Uso otra variable booleana que he llamado id2. 00:02:47
Digo que se podría llamar de cualquier manera esa variable. 00:02:50
Sumo cuando id a 2 es verdadero y resto cuando id a 2 es falso. 00:02:53
Y por último, para el círculo verde, como queremos que se mueva en diagonal, 00:02:59
tienen que ser variables tanto su posición horizontal como su posición vertical. 00:03:03
Las posiciones, las coordenadas del centro. 00:03:07
Y lo controlo con una tercera variable booleana que he llamado id a 3. 00:03:10
Si id a 3 es verdadero, sumo a las dos componentes, la horizontal y la vertical, 00:03:15
de esta forma se mueve en diagonal hacia la derecha, 00:03:20
y se va a parar cuando una de ellas alcance el valor límite que yo haya decidido. 00:03:23
En este caso, con que controlemos que la variable horizontal no supere, 00:03:27
o que al superar 750 ya queremos que rebote, es suficiente. 00:03:31
Cuando queremos dejar de sumar, se ejecutaría, o sea, cambiamos la variable id a 3 a falso 00:03:36
y se ejecutaría este último bloque de. 00:03:42
Vale, sumando las dos variables conseguimos que se mueva en horizontal, 00:03:45
perdón, en diagonal hacia la derecha. 00:03:49
Si sumo en una y resto en otra, probar a ver qué pasa, pero se movería en la otra dirección, en la vertical. 00:03:51
Vale, con este ejercicio se sacan los cinco puntos y para hacer el reto, pues, por ejemplo, este ejercicio en el que se mueven objetos complejos. 00:03:57
Esto es lo que necesitáis para conseguir el 10 en esta práctica. 00:04:12
veis aquí las variables booleanas no tienen los nombres de ida 00:04:16
uno se llama mover y la otra se llama diagonal 00:04:20
y podéis llamarlas como queráis 00:04:22
y se controla el movimiento del sol y de la casita 00:04:23
y están haciendo rebotes 00:04:29
otro ejemplo un poquito más elaborado 00:04:30
de una compañera vuestra del año pasado 00:04:34
en el que hay varios objetos complejos 00:04:37
que se mueven también rebotando 00:04:40
y ya está, eso es lo que necesitáis para hacer la práctica 4 00:04:42
¡Gracias! 00:04:46
Subido por:
Inmaculada M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
869
Fecha:
7 de enero de 2021 - 13:21
Visibilidad:
Público
Centro:
IES PROFESOR JULIO PÉREZ
Duración:
04′ 48″
Relación de aspecto:
1.66:1
Resolución:
1166x702 píxeles
Tamaño:
26.13 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid