Práctica 4: Graficando 10000 puntos aleatorios

En esta práctica vamos a agregar la práctica 4 copiada y renombrada de la práctica 3.

Ahora vamos a eliminar las siguiente líneas de código

Vamos a agregar el siguiente código en su lugar para poder generar nuestros elementos:

La parte de las "variables" es para definir el límite de nuestra pantalla, en mi caso es de 28x20. La parte de "evaluar las alineaciones" es para generar un numero aleatorio en horizontal y vertical entre 1 y 2 para las 2 variables, es decir "evaluar_vertical" y "evaluar_horizontal", el hecho de definir 2 variables aleatorias para cada uno es para que nos diga en que parte vamos a dibujar el cuadrado, ya que three.js toma como punto de origen el centro de la pantalla, por ello debemos de definir si queremos que se dibuje en X positivo o negativo y en Y positivo o negativo, de modo que se puede dibujar arriba o abajo, a la izquierda o derecha. La parte de "verificar alineación" con sentencias if es para verificar cual numero aleatorio se ha obtenido, en caso de que sea 1 en ambos o solo en uno cambiaremos el valor de horizontal y/o vertical a negativo para poder generar un numero aleatorio en ese rango para poder posicionarlo más tarde. En la parte de "obteniendo un valor aleatorio de orientación" es para generar un numero aleatorio dependiendo su eje, si su eje X es negativo se genera su valor de -28 a 0, caso contrario de que sea positivo se genera de 0 a 28, de la misma forma será con el eje Y solo que con 20, una vez se generen sus ejes X y Y vamos a colocarlo en la parte de "agregando elemento" con sus ejes aleatorios de X, Y y 0 en Z porque en este caso no lo manejamos.

El resultado es el siguiente: