Saltar navegación

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

Funciones en Processing - 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 2 de septiembre de 2023 por Francisco Javier M.

36 visualizaciones

Más información Transcripción

Descargar la transcripción

Buenos días, iniciamos este segundo objeto digital referido a la programación dinámica con Processing. 00:00:00
Ya vimos las nociones básicas en el anterior objeto digital, así nace una estrella, referida a nuestra famosa estrella y nuestra mascota Mickey Mouse, 00:00:08
pero ahora ya es el momento de ponerla en movimiento. Para ello necesitamos ya seguir ampliando los conocimientos. 00:00:18
Lo primero que tendríamos que hacer es ya introducir el concepto de función, que las funciones son muy importantes en programación. 00:00:25
Y aquí en la primera pantalla ya os indicamos cómo tendríamos que definir estas funciones utilizando Java. 00:00:34
Empezaremos diciendo el tipo de función que es, porque pueden ser funciones que esperen datos o no esperen datos. 00:00:44
Es decir, si por ejemplo calculamos, le pedimos una función que te dibuje una determinada figura geométrica, el programa lo va a hacer y no te va a devolver ningún dato. 00:00:52
Otra cosa es que sí que le preguntemos por algo y por lo tanto sería en este tipo de vuelto donde se lo tendríamos que indicar. 00:01:04
A continuación iría el nombre de la función con esta nomenclatura y evidentemente con los parámetros que la definan. 00:01:13
Ahora lo veremos con un ejemplo. Y entre llaves, que esto es importante, llave abierta, llave cerrada, iría todo el bloque de código que definiría esta función. 00:01:20
En los apuntes que hemos dejado en el propio Excel Learning, pues tenéis los diferentes tipos de funciones, como aquí podéis estar viendo. 00:01:32
Y ahora a continuación vamos a hacer ya una descripción de las que considero que son las más importantes. 00:01:44
Tenemos ahí el voice setup y el voice drop. Estas son las más importantes que vamos a utilizar. 00:01:53
Hay una diferencia fundamental entre ellas. En el voice setup indicaremos todas las instrucciones que queramos que solamente se lleven a cabo una vez. 00:01:59
Aquí en el void setup. Sin embargo, el void drop será la parte del programa donde este entra ya en bucle. Es decir, que todo lo que coloquemos en esta línea 7 y sucesivas, pues van a estar continuamente reproduciéndose de manera indefinida o hasta que le indiquemos de alguna manera que debe parar. 00:02:11
Lo vamos a ir viendo con un ejemplo, como podría ser, por ejemplo, vamos a ver, paro el vídeo. 00:02:31
Bien, he escrito un par de líneas de comando. Dentro del boicetat hemos definido un tamaño de lienzo. 00:02:39
Me interesa que el programa solamente pase una vez por aquí y refleje este lienzo. 00:02:47
Y luego en el boidrop hemos cogido una de las figuras geométricas que ya vimos en el objeto educativo anterior, 00:02:54
como puede ser el dibujo de un círculo. 00:02:59
Recordad que la primera coordenada es la coordenada X del centro, la coordenada Y del centro, y este 50 sería el diámetro. 00:03:01
Si nosotros ejecutamos esto, pues estamos viendo un círculo de color blanco dentro del lienzo. 00:03:11
Esto podría parecer que es estático, pero no es así. 00:03:19
El draw está continuamente dibujando este círculo, lo que pasa que visualmente no lo podemos ver, 00:03:22
pero está continuamente dibujando círculos uno tras otro y esto no pararía nunca. 00:03:28
De hecho, vamos a ver que es así a través de la siguiente modificación. 00:03:34
Bien, lo que hemos hecho ha sido en esta primera línea definir una variable de tipo entera. 00:03:39
Esta era la nomenclatura, empezaba por mayúscula y terminaba por mayúscula. 00:03:46
Tiene el nombre coordenadaCoreX, pues se le podría poner cualquier nombre y le hemos fijado un primer valor. 00:03:49
Este valor de la variable lo he introducido aquí, en la coordenada x. 00:03:56
Por lo tanto, cuando ejecutamos, seguimos viendo lo mismo que teníamos antes. 00:03:59
Pero ahora lo que vamos a hacer es que le vamos a decir que cor x vaya aumentando, le vamos a decir, igual a más 1. 00:04:05
Es decir, con esto lo que conseguimos, voy a quitar esta línea 11, con esto vamos a poner el punto y coma, que si no nos daría error la compilación. 00:04:19
Con esto lo que conseguimos es que el programa, una vez que ha leído las primeras líneas, va a entrar ya en bucle dibujando el círculo en la línea 10. 00:04:30
La primera vez que pase por la línea 10, de coordenada X, cogerá 100. 00:04:39
Pero cuando llegue a la línea 11, te la aumentará en una unidad. 00:04:45
Por lo tanto, como una vez que haya leído a la línea 11, volverá otra vez a la línea 10, 00:04:49
la segunda vez que pase ya no valdrá 100, sino que valdrá 101, 102, 103 y así sucesivamente. 00:04:55
Y de esta forma vamos a ver cómo introduciríamos el movimiento. 00:05:01
Vamos a ejecutarlo, a ver si no da error de compilación 00:05:06
Y evidentemente ya vemos, ya podemos ver como nuestra bola se nos va desplazando 00:05:11
Que era un poco el objetivo, meter ya de manera dinámica el movimiento de esta partícula 00:05:17
En este caso de esta figura geométrica como podría ser el círculo 00:05:24
Quizás no nos interese que vaya dejando el rastro 00:05:28
Entonces, que se vaya borrando según va pasando. Eso lo podríamos conseguir con la instrucción background. Y paréntesis, paréntesis. Y de esta forma podríamos conseguir que no fuera dejando rastro. 00:05:32
Lo tenemos aquí debajo, vamos a poner un valor para la escala de grises y de esta forma podría quedar, vamos a verlo, y así lo tendríamos, que es un poco el objetivo de lo que íbamos buscando. 00:05:47
Bien, para hacerlo más vistoso, lo que vamos a hacer, porque aquí lo único que tenemos es que la partícula se nos va moviendo de izquierda a derecha, porque solamente está cambiando el valor de la x. 00:06:05
Podríamos hacer que el valor de la i también cambiara y podríamos hacer que el valor de la i fuera aumentando de uno en uno o de manera aleatoria. 00:06:15
Vamos a ver cómo sería. 00:06:24
Bien, la modificación que hemos hecho nada es sencilla, hemos definido una nueva variable para la coordenada i, 00:06:26
le hemos puesto el primer valor en el círculo, evidentemente en la coordenada i la hemos reflejado ahí también. 00:06:32
Y la única diferencia con respecto a lo que teníamos antes era, esto conviene que quede todo alineado por temas de etiqueta, creo que es con control T, ahí, ya quedaría completamente alineado. 00:06:38
Y le estoy diciendo que la coordenada X cada vez que pase por la línea 11 al aumente en 1, empezaba en 100, 100, 101, 102, 103, si me muevo la coordenada en Y quiero que de forma aleatoria elija un número cada vez que pase por la línea 12 entre 1 y 5. 00:06:53
Puede coger el 1, puede coger el 2, el 3, el 4 y el 5, y lo va a ir sumando al valor de la coordenada ahí. 00:07:09
Esto va a dar un movimiento más caótico. Vamos a ver cómo quedaría. 00:07:16
Un movimiento un poco más caótico. 00:07:21
Si esto lo aumentáramos, pues seguramente se nos iría. 00:07:24
Bueno, esta es un poco la idea que pretendemos en este primer vídeo. 00:07:32
Autor/es:
Javier Magro Godoy
Subido por:
Francisco Javier M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
36
Fecha:
2 de septiembre de 2023 - 9:21
Visibilidad:
Público
Centro:
Sin centro asignado
Duración:
07′ 37″
Relación de aspecto:
2.17:1
Resolución:
1356x626 píxeles
Tamaño:
10.08 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid