Cuadrículas polares: introducción al arte generativo 2.0

1. Introducción: Hola a todos. Mi nombre es video y esto son rejillas polares. En esta clase, aprovechamos o trigonometría el conocimiento para crear un divertido artistas generativos como éste. Te prometo que aprender sobre la trigonometría y el sistema de fernet polar para codificar y arte es mucho más agradable y más fácil de digerir. Empezaremos por esbozar lo que necesitamos. Al revisar algunas de las funciones de trigonometría después de ella se aprenderá a convertir las coordenadas cartesianas X e Y en coordenadas polares que luego se pueden utilizar para hacer abril. Por supuesto, ahora existe uno polar grande en nuestro campus a menos que implementemos el tratamiento. Color, por lo tanto, a continuación poblará cuadrícula ER con formas y colores y parámetros manipulados para producir diferentes variaciones de se generan Artie. Espero que a estas alturas te atracen a pasar por este principio de nuestro viaje. Hagámoslo 2. Preparación: antes de que comenzara cualquiera de mis diseños y los planeara para descifrar los parámetros necesarios . Ya sea en un pedazo de papel o en mi computadora directamente, veamos este diseño y descubramos qué necesitamos. Empezaremos con un círculo, y luego nos ocuparemos de la serie de círculos concéntricos para el círculo uno requerirá un radio, una radio, serie de rebanadas y los lados de la rebanada. Después repetiremos que por cada círculo consecutivo, se necesita ajustar los parámetros dentro del bucle, ya que los círculos radi me están haciendo más grandes y las rebanadas no obtendrán lo mismo. De acuerdo, entonces por prepararme para un proyecto como este en el que no tenga que dibujarlo realmente en un pedazo de papel para poder entender lo que está pasando, simplemente lo haré. Definitivamente. El modo de hacerlo es abriendo un archivo, configurando las principales funciones que necesito y luego tratando de averiguar qué necesito para ese diseño. En ocasiones, para un diseño sencillo como este, simplemente iré y empezaré a crear. Lo haré de la misma manera realmente planeada para esta clase, así que empezaremos con un punto en un círculo, y eso suele ser lo que dio. Simplemente crearé las funciones para ese círculo. Y pensaré, ¿Qué es lo que necesito para ese círculo? ¿ Qué tipo de variables necesito? Y luego los escribiré por aquí así que solo diremos: Vale, Vale, necesito un radio. Necesitaba estar a flote solo para evitar, um, romper el diseño. Porque a veces en los jurados redondearán números y se verá su hijo, sobre todo para cuadrículas. Y entonces pensaré ¿Qué más necesito dentro de ese radio? Sé que necesito rebanadas. Sé que necesito ángulos y así lo haré bien, necesito un número de rebanadas y necesitaré un tamaño o un ángulo para cada rebanada. Y así es como entran estas otras variables. Y entonces sé que necesito un acento y coordenadas. Y ahora que sé que necesito más anillos o más círculos para que esa arenilla polar se vea realmente como una cuadrícula,sólo voy a vea realmente como una cuadrícula, añadir otros círculos de culto variables, y sé que eso va a abarcar el número de círculos. Depende de ti cómo quieres nombrar estas variables. Es decir, algunas personas no hacen ángulo, y solo harán Fada. Algunas personas harán ángulo. Y para mí, en realidad, depende. Realmente no pienso tanto en ello. En tanto las variables se airen lo suficientemente descriptivas libres para volver al programa y entender lo que realmente está haciendo, entonces estás bien para ir. Ahora vamos realmente a entrar en la codificación. 3. Trigonometry explicada: muchos de los fantásticos diseños por ahí usaban funciones de truco principalmente firmar en signo co. Después de esta lección, dominarás el uso de estas funciones para crear una cuadrícula polar que abrirá muchas posibilidades. Diseño sabio, cada cuadrícula polar comienza con un triángulo y desde la clase de matemáticas. Sabemos que en cada triángulo recto relativo a uno de los dos ángulos rectos ninguno. Ahí hay un adyacente en el lado opuesto y una cruz desde el ángulo recto. Ahí está la noticia de la vaina alta. También sabemos que podemos producir el signo de un ángulo dividiendo la longitud opuesta por la longitud alta de los socios y la co firmada. Al dividir ser un día enviado por las noticias de pote alto, podemos utilizar este conocimiento para crear nuestra posición de puntos en un círculo. Afortunadamente, en el procesamiento, tenemos una función de signo y signo co que hará el cálculo por nosotros. Veamos cómo usar estas funciones puede ayudarnos a trazar puntos en un círculo y crear así la cuadrícula polar. Podemos pasar el ángulo deseado dentro de nuestra función para obtener nuestros valores X e Y. Visualizando esto en un círculo. Podemos ver que Por un ángulo de cero grados, obtenemos un valor de cero y uno por firmar Cosan, respectivamente. Por 45 grados, obtenemos 450.7 para ambos y por 90 grados obtenemos uno y cero. Estas son nuestras coordenadas X e Y para 90 grados. Tenemos un punto al 01 por 45 grados. Tenemos un punto en 450.0.7 punto siete y 40 Tenemos un punto en uno y cero. Pero si notan los valores aire demasiado pequeños para nuestro lienzo, por lo tanto necesitamos multiplicar los valores para poder verlos correctamente. Ahí es donde entra el radio, multiplicando las coordenadas X e Y por el radio deseado. Nos conseguiremos puntos en el borde de un círculo con ese radio, y esa es su cuadrícula polar. 4. Un punto en un círculo circulo: antes de empezar a crear puntos en un círculo y empezar a crear el polar. Greg, primero quiero explicar cómo se traza el punto en un círculo usando código. Voy a empezar por crear una elipse que se va a posicionar en X e Y voy a establecer eso en un segundo. Y le voy a dar a estos labios el tamaño de ocho. Ahora, ex Dios guarde cero y por qué es cero, y se puede ver el punto por aquí. Ahora queremos empujar este punto a la mitad de esta grúa, así que sólo voy a hacer qué? Dividido por dos y altura dividida por dos. Para que veas cómo podemos empujar fácilmente ese círculo alrededor de esta crema, solo usando cualquier parámetro que tengamos con, um, ocultar nuestros parámetros nativos en el lenguaje de procesamiento, y básicamente toman del tamaño función. Por lo que el ancho es de 500 la altura es de 500 me dividió por dos para obtener el medio de la pantalla. Entonces ahora tenemos, excepto 250 pixeles y ¿por qué está a 250 pixeles? Ya sabes, por lo que aprendimos sobre el sistema de coordenadas polares. Sabemos que para dibujar puntos en un círculo, necesitamos utilizar las funciones de signo co y signo. Entonces ya nos dimos cuenta de que para X vamos a usar la función costera y por qué vamos a usar la función sinusoidal. Entonces vamos a quitar lo que ya tenemos. Y pongamos la X para co signo ángulo y luego oigamos lo que se dice para firmar del tobillo. Y vamos a crear el ángulo. Variable debe hacerlo cero. Veamos qué pasa ahora. Se volvió a cero Z o a una posición por aquí, pero en realidad no está a las 00 porque sabemos que el signo co del cero es uno. Por lo que en realidad es un píxel de la izquierda y tú eres píxel de arriba y podemos ver que es que lo multiplicamos por un número más grande. Digamos el radio del círculo que queremos. Entonces voy a poner este radio del círculo por aquí. 200 analistas ven lo que pasa ahora. Ya ves cómo el valor Y no cambió, y sigue siendo cero para ver cómo está la X ahora. 100 pasando por encima de un hecho que X waas un pixel porque ahora está en 100 pixels. Y si quieres asegurarte aún más, debilita, ajusta el radio a 500 y ve si llega al final de esta grúa. Ahora está al final de esta reina. Entonces ahora en realidad son 500 y también podemos asegurarnos de imprimir el acento, mi cornisa. Podemos ver que es 500 para X y cero para y, y si lo cambio a 100 es 100 0 Ahora podemos hacer una cosa más, y eso es cambiar el centro, que es el centro del círculo, que ahora es 00 a la mitad del pantalla. Vamos a hacer exactamente lo que acabamos mal usando con dividido por dos en altura dividida pero tú, Pero lo vamos a sumar a lo que ya tenemos. Y ahora tenemos un punto en un círculo con un radio de 100 píxeles. Si quieres asegurarte de que está encima de nuestro círculo que tiene un radio de 100 pixeles debilitar dibujar, esto elevaciones lo voy a hacer en los labios que con dividido por dos y altura dividida por dos Y voy a darle el tamaño para el radio multiplicado por dos y voy a darle Ah, altura de radio multiplicada por dos días. Bueno, ya que es un círculo perfecto, se puede ver que el punto es, hecho, en la parte superior de todo círculo derecho puede cambiar el trazo demasiado blanco, y podemos darle no Phil. Y ahora podemos ver mejor. A continuación, veremos cómo podemos crear múltiples puntos en un círculo utilizando el mismo método que acabamos utilizar. 5. Puntos en un círculo circulo: ahora, fin de crear múltiples puntos en el círculo, necesitamos saber el número de rebanadas, y también necesitamos saber el tamaño de cada rebanada. Empecemos primero estableciendo el número de rebanadas, así que voy a ponerlo en seis primero y luego aquí dentro. Voy a sectar el tamaño de la rebanada para ser 3 60 porque eso es thes algunos de los ángulos internos en un círculo dividido por el número de rebanadas, lo que nos va a dar el tamaño de cada rebanada en decretos. El único problema aquí es que queremos usar este grado o este ángulo dentro de nuestras funciones co signo y signo, y esas sólo toman resplandor. Podemos convertir el ángulo en resplandor, pero no me gusta anidar demasiadas funciones. Prefiero simplemente cambiar el 3 60 en dos lucios, que es una constante que ya está puesta para ti en el procesamiento. Ahora, si imprimimos rebanada, encontraremos que también pastel dividido por las rebanadas o 3 60 divididos por una rebanada, nos va a dar ángulos de 60 grados en resplandor. Va a ser diferente,claro, claro, pero ahora no estamos usando la rebanada ni cambiando o haciendo que el ángulo sea dinámico. Entonces para hacer eso, voy a tener que crear un bucle de cuatro para usar el bucle o para usar la variable dentro del bucle para cambiar el ángulo. Entonces vamos a crear el bucle y dentro del bucle. El estado va a ser el número de rebanadas porque quiero un bucle a través de cada rebanada hasta que golpee la última rebanada. Entonces voy a hacer sólo ojos menos que rebanadas que voy a incrementar, y voy a abarcar todo esto del lado de mi bucle for. Apenas sangradas estaban limpias. Mira. De acuerdo, ahora tenemos el tamaño de la rebanada, pero aún no tenemos la posición de cada punto. Ahora necesitamos otro paso para trazar los puntos en la posición correcta en el círculo. Si configuro la rebanada como el ángulo dentro de mi función costera y seno, todavía no va a ser dinámica, principalmente porque la rebanada va a tener un tamaño. Entonces voy a usar el I en el bucle for para establecer el ángulo para que sea dinámico, y puedes hacerlo fácilmente multiplicando el valor I por el tamaño de la rebanada. Entonces para el 1er 1 va a ser cero multiplicado por 60 lo que va a producir cero para el ángulo. Entonces ese es nuestro primer punto, y luego su segundo punto va a ser en yo uno, y se va a multiplicar por 60 otra vez, y eso va a producir 60. Entonces va a ir a 60 grados y trazar otro punto. Y luego dos multiplicados por la rebanada otra vez, que es de 60 grados nos va a dar 1 20 Y ese es el tercer punto, y así sucesivamente y así sucesivamente. Entonces, solo hagamos eso. Me multiplicé por rebanada. Ahora deberíamos conseguir seis puntos en nuestro círculo, y podemos jugar con número de rebanadas ahora para ver si nuestra fórmula realmente funciona y funciona. Ya ves cuantos más puntos o más rebanadas agreguemos, mejor se verá el círculo En el siguiente video, hablaremos de agregar más círculos a este 6. Agrega más círculos: ahora estaremos agregando más círculos. Para poder hacer eso, vamos a necesitar saber el número de círculos. Entonces voy a poner los círculos variables en 20. A continuación, vamos a crear un bucle de cuatro que engloba ya se tendrá porque queremos recrear todo este bucle para cada círculo. Y si corro esto ahora mismo, veremos lo mismo que teníamos antes. La única diferencia es que hay 20 círculos uno encima del otro para cada punto. Por lo que necesitamos aumentar el radio de cada círculo. Podemos hacer eso multiplicando por J. Sin embargo, ahora tenemos uno en el medio por aquí y es cuando Jay era cero. Por lo que se establece nuestra X y R y a cero. Por lo que tendremos que multiplicar por Dre más uno. Simplemente evite cero. Por lo que empezaremos con uno cada vez. Y ahora nos deshicimos del del medio a las 00 Ahora necesitamos reducir el radio del primer círculo porque no podemos ver los otros círculos. Yo sólo voy a disminuir eso a 10 y vamos a ver qué pasa. Perfecto. Ahora tenemos 20 círculos. El único problema en este momento es que para cada círculo tenemos la misma cantidad de rebanadas. Por lo que tenemos seis círculos en cada círculo, pesar de que el radio es mucho más grande y necesitamos más rebanadas para que se vea mejor. Podemos hacerlo aumentando el número de rebanadas cada vez que el círculo o el radio se hace más grande, y eso significa que en el bucle externo voy a simplemente aumentar el número de rebanadas en cierta cantidad. Voy a hacer tres y veamos qué pasa. Y ahora tenemos o círculos concéntricos. Si te das cuenta cada vez que tengo un número impar. Tenemos este círculo de aspecto extraño, que sigue siendo genial, y por eso tengo que sumar en par número porque quiero mis rebanadas dedo del pie. Ten siempre un número par para ello. dedo del pie se ve parejo o simétrico así de diversión, ¿no? Ahora, en el siguiente modelo, voy a agregar color a nuestro círculo, y podemos ver las diferentes formas en que podemos cambiar el patrón del color en este círculo. 7. Colorear el diseño: a. Cada persona puede tener su propia paleta de colores. Entonces voy a añadir mi paladar por aquí. Voy a copiarlo y pegarlo de otro incendio que tengamos. De acuerdo, entonces no, no tengo array de colores que voy a usar dentro de mi for loop. Entonces por aquí, vamos a poner el relleno antes de la Elipse. Voy a ponerlo al nombre de la variable, que son llamadas, y voy a hacer uso de la variable I. El único problema con la variable I va a salir de es que va a ir de Z alrededor de 25 y sólo tengo cinco elementos en mi matriz, lo que significa que va de 0 a 4, lo que me va a dar un error. Entonces voy a asegurarme de que no obtengo ese error usando el modelo un signo y usando el número fuera de los elementos en mi matriz. Ahora necesito convertir esto en un entero, y obtenemos nuestros colores. Es bastante divertido cómo usar las diferentes variables de tus cuatro bucles o del algoritmo que tienes puede cambiar el patrón de la coloración Así que usemos PJ y veamos cómo se ve esto. Esto es bastante guay también. También podemos usar la variable X y ver qué produce eso. Eso es bastante divertido. También podemos usar la variable Y y ver qué obtenemos. Parece una mariposa. Usemos también ángulo y veamos qué produce eso. Ya ves cómo va con el círculo. Ahora te voy a mostrar una forma diferente de usar una de las variables dentro de tu bucle para crear un patrón de colores diferente. Solo eliminemos esto y creemos un C muy bien llamado y lo pasaremos por aquí. Y voy a crear un entero llamado C y voy a mapear el por qué variable de 0 a 2 pi a cero antes de que es el último índice en la matriz de nuestros colores. Y voy a usar el módulo un letrero otra vez y usé los colores que longitudes. O sólo podemos usar cinco. Esto nos va a dar un error porque el mapa produce a flote y no nos gustan los vestidos. Simplemente lo voy a lanzar en un entero y vamos a ver qué producía este productor. Un patrón completamente diferente. Podemos hacer lo mismo con X y ver qué pasa. Eso también es genial. Y por supuesto, cuantos más colores tengas por aquí va a producir un diseño diferente. Entonces si replico éste o menos, si replico éste por aquí que sumó por aquí y ahora tenemos seis colores, ¿ verdad? Entonces sólo lo voy a hacer. Tenemos una fórmula más dinámica. Voy a hacer solo causa esa longitud menos uno y más colores, tengo la diferencia. Se va a tener la forma. Voy a volver a mi primer diseño, siéntete libre de elegir el patrón que quieras. Los disfruto todos, y me gusta experimentar con las variables que tengo y diferentes formas. Puedo usar esas variables para crear un patrón o patrón de coloración para mi diseño. A continuación, experimentaremos con una forma diferente para ver cómo puede cambiar solo la forma de los puntos trazados puede cambiar todo el diseño 8. Explorar otra forma: Experimentemos con otra forma. Voy a elegir un rectángulo o un cuadrado, y lo voy a girar para especie de crear un tipo de mosaico de diseños en lugar de la elipse. Voy a usar la función teórica, y acabas de usar las coordenadas X e Y otra vez. Y voy a fijar la talla dos ochos, como lo fue con la Ellipse. Ahora, si lo ejecuto, solo consigue un montón de cuadrados en lugar de las elipses que teníamos antes. Pero podemos hacer que esto parezca aún más fresco girando. El cuadrado es un poco. vamos a retomar por 1/4 de alto, apenas unos 45 grados. Pero ahora esto va a producir algo que es bastante horrible, y rompió su diseño. El motivo de esto es porque está girando alrededor de los ceros. Eres un punto. Entonces siempre que esto sea como cuando sea cuadrado como ser creado dentro de los cuatro bucles, se está girando alrededor de los ceros. Eres un punto que va a romper todo lo que necesitamos para abarcar el rectángulo o el cuadrado y la función de rotación dentro de las funciones de matriz push y matriz pop. Lo que esto va a hacer es crear una matriz diferente para estos rectángulos. Entonces para cada rectángulo, va a haber una capa diferente sobre la que vamos a rotar nuestra forma. Pero ahora, aunque ejecutemos esto, todavía se va a romper. Entonces la razón por la que esto está sucediendo es porque está girando de nuevo. Ceros. Eres un punto, pero para todo el asunto, necesitamos traducir la matriz al centro de cada rectángulo. Entonces sólo voy a traducir a los puntos X e y. Y luego voy a poner el rectángulo add 00 en su lugar porque ahora estamos empujando las formas usando el translate. Entonces estoy empujando toda la matriz o toda la capa a esa posición de acento X e Y. Entonces voy a poner el rectángulo a los ceros, tu punto de esa matriz. Ahora, si lo ejecuto, sólo voy a conseguir un montón de cuadrados que se rotan 45 decretos y sólo me van a dar este mosaico. Mira. En mi diseño, esto es casi todo lo que necesitas saber sobre los granos polares. Siéntase libre de experimentar con otras formas y otras funciones del lenguaje de procesamiento y también experimentar con colores y patrones de color. A lo mejor quieres elegir más colores o diferentes colores que van a crear un look que todos podamos disfrutar. Te animo a ser creativo con ello, y me encantaría ver tu trabajo. 9. Rotación explicada: pasando por. Lo que creamos en la lección anterior una vez más te ayudará a entender cómo funciona la rotación en el procesamiento en un lienzo cuadrado. Si tenemos un cuadrado 0.0 y girado 45 grados, obtenemos esto. Y si tenemos un cuadrado en el primer punto que creamos en la rejilla polar, usando las funciones de línea costera y signo para X e Y, y después de girar ese cuadrado, obtenemos esto. Por eso conseguimos nuestras plazas de revoltijo. Esto sucede porque suceden rotaciones a nivel de lienzo, lo que significa que el propio campus está siendo girado y la forma todavía de la misma posición en ese lienzo. En la lección anterior, seguimos algunos pasos para arreglarlo. En lugar de mover los cuadrados a la posición X e Y, creamos una nueva matriz para cada cuadrado. Empujamos esa matriz entera a nuestras posiciones X e Y, luego rotamos la matriz 45 grados. A través de todo este proceso, son cuadrados todavía está en el origen de esa matriz, que es el punto 00 y debido al bucle, tendrá múltiples cuadrados alrededor de su círculo que se giran 45 grados. Dado que los cuadrados por defecto, dibujados desde la esquina superior izquierda. Tenemos que cambiar su origen al centro Así que se comporta como una elipse mediante el uso de la función de modo naufragio con los argumentos del centro pasados y ahora tenemos nuestro diseño final. 10. Exportar el diseño: finalmente para exportar el diseño para que puedas usarlo en tus otros proyectos. Se puede sólo importar el procesamiento, biblioteca pdf. Cualquiera incluya todo y luego aquí dentro. Después de establecer el tamaño, voy a utilizar la función de inicio de registro para grabar un archivo pdf. Voy a poner eso en una carpeta llamada Salida, y luego voy a establecer tiempos Tom, que es una función que vamos a crear en este momento. Y luego creamos la marca de tiempo de la función abajo. Lo que hace la temp de la hora es que obtiene una instancia del calendario para la fecha y hora de hoy y luego lo formatea en una cadena que tiene el año, el mes y el día y luego otra puntuación. Y luego la hora, los minutos y los segundos y la clase de calendario está tomando de la biblioteca de la utilidad Java Cal Ah Calendar. Entonces ahora va a usar fecha por aquí. El motivo por el que utilicé veces el tiempo o esta función es porque quiero simplemente hacer renders diferentes en lugar de cambiar el nombre del archivo cada momento. Entonces solo puedo agarrar la fecha y hora, lo que me asegura que voy a tener una carpeta llena de cada generación que tenía cada vez que se guardaba y luego para terminar la grabación. Después de que todo se haya dibujado, te voy sólo a ti y el maíz y debería guardar el archivo. Ahora, después de ejecutar este programa, puedes ir a la carpeta de salida dentro de tu actual titular de programas y encontrarás tu archivo pdf. Ahora puedes abrir este archivo dentro de Adobe Illustrator, y una vez abierto, puedes ir a la máscara de recorte. Suelta la máscara. Puede borrar la máscara. Ahora tienes el diseño que podría manipular como quieras. 11. ¡Tu turno!: para tu asignación, vas a crear algo similar a lo que creamos en esta clase. Está bien enviar exactamente lo que hiciste a medida que pasaste por este proyecto conmigo, ya que le encanta ver tu progreso, sin embargo, animarte a sin embargo, que te empujes más allá y utilices tu creatividad para llegar a diseños únicos y usa otras funciones de forma y otras funciones de matriz para crear algo que sea más tú. Se pueden utilizar las técnicas utilizadas de esta clase o de mi anterior clase de arte generativo. Depende de ti cuántos colores y formas usar en un proyecto. Siempre y cuando estés usando una arenilla polar para demostrar lo que aprendiste de esta clase. Espero que hayas disfrutado de esta clase y no puedo esperar a ver tus proyectos.