Coding Challenge #4: Purple Rain in Processing

¡Hola! Y bienvenidos a nuestro reto
de programación de hoy.

Hoy voy a hacer una lluvia púrpura
en Processing, en honor a Prince.

Lo único que he hecho para preparar esto
hasta ahora es elegir dos colores,

que fueron sugeridos por usuarios
de internet, muchas gracias por ello.

Un púrpura para la lluvia
y otro color para el fondo.

Estoy usando el entorno
de programación Processing

Puedes averiguar lo que es Processing si revisas
la descripción del video para descargarlo.

El programa será escrito
en el lenguaje de programación Java

También voy a hacer una versión de
JavaScript usando algo llamado "p5.js"

Así que si quieres reproducir este ejemplo
en el navegador o en la web, puedes

encontrar la versión del código
en la descripción de este video también.

Ok, empecemos;
Lo primero que tengo que hacer es

simplemente escribir una función "setup",
y escribir una función "dibujar".

Y después voy a añadir la función "tamaño".

Se me están cayendo los lentes en la cara.

Voy a tomar este maravilloso color
sugerido y lo voy a usar como mi fondo.

Tengo un par de paréntesis extra aquí
y necesito un punto y coma.

Voy a reproducir esto;
Y mira eso, ahí vamos!

Así que, esto es el comienzo; esta es la
escena; aquí es donde quiero mi lluvia púrpura.

Para hacer lluvia, creo que una buena
forma de hacerlo sería crear un solo objeto

que es una gota de lluvia; y después desde
ese objeto, hacer un arreglo con muchos de ellos.

Ahora crearé una nueva pestaña;
Y la llamaré "gota"

Después voy a escribir "class" drop;
Clase siendo una plantilla para crear objetos

En el lenguaje de programación de Java
En la versión JavaScript esto luciría

Como una función constructora;
Ya veras eso;

Esta gota tendrá una "x";
Esta gota también tendrá una "y";

Necesito una función para que la gota de lluvia caiga

Y una función para que la gota de lluvia se reproduzca en pantalla

¿Cómo quiero que mi gota se vea?

Vamos a hacer que la gota sea una línea;
Que tal vez luzca como lluvia

Una línea; en "x" e "y"

A "x" y ¿qué?

Qué tal "y" más algo, ¿correcto?

Algo como, como "y" mas 10

Y luego quiero que esa linea sea, ¿qué?
¡Purpura!

Voy a obtener el color purpura
justo aquí

Regresa, regresa

Luego en "caer", voy a decir que "y" es igual a "y" más "yvelocidad"

Ok "yvelocidad" no existe, entonces voy a crear eso como una variable

Ahora que he creado este objeto, esta es la idea base del objeto "gota"

Tiene una "x" y una "y" y una "yvelocidad" para caer

"y" iguala a "y" más -"yvelocidad" para que ésta caiga

Y luego una linea para dibujarla

Ahora la gota necesita un valor inicial para estas variables

Voy a tener, por defecto ahora mismo una gota que comience en medio

Y a tener una gota que comience arriba de la pantalla

Mientras que tengo la velocidad igual a 1

Sólo para asegurarnos que las cosas están funcionando

Aquí voy a crear la variable "gota" "g" igual a
la nueva "gota"

Entonces en "digujar" voy a decir
"g" punto "caer"

Y entonces "d" punto "mostrar"

Creo que eso es suficiente código para
escribir, debería probar ahora