Transcrições
1. Introdução: Olá, todos. Meu nome é vídeo e isso é redes polares. Nesta classe, nós alavancamos ou conhecimento trigonometria para criar um divertido artistas generativos como este. Prometo que aprender sobre trigonometria e o sistema de ferneta polar para codificar e arte é muito mais agradável e fácil de digerir. Vamos começar por delinear o que precisamos. Revisando algumas das funções de trigonometria após ele aprenderá a converter as coordenadas
cartesianas X e Y em coordenadas polares que podem ser usadas para fazer abril. Claro, agora existem grandes polares em nosso campus, a menos que implementemos tratamento. Cor, portanto, irá preencher em seguida grade ER com formas e cores e parâmetros manipulados para produzir diferentes variações de são gerados Artie. Espero que agora esteja seduzido a passar por este princípio da nossa jornada. Vamos fazer isso.
2. Montagem: antes de ele começar qualquer um dos meus projetos e planejá-los para descobrir os
parâmetros necessários . Seja em um pedaço de papel ou no meu computador diretamente, vamos olhar para esse design e descobrir o que precisamos. Vamos começar com um círculo, e então vamos lidar com a série de círculos concêntricos para um círculo exigirá um raio, um número de fatias e os lados da fatia. Em seguida, vamos repetir que para cada círculo consecutivo, ajustar os parâmetros é necessário dentro do loop, uma vez que os círculos radi I estão ficando maiores e as fatias não vai obter o mesmo. Ok, então para configurar um projeto como este onde eu não tenho que realmente desenhá-lo em um pedaço de papel para entender o que está acontecendo, eu vou apenas fazê-lo. Definitivamente. A maneira de fazer isso é abrindo um arquivo, configurando as principais funções que eu preciso e depois tentando descobrir o que eu preciso para esse design. Às vezes, para um design simples como este, vou começar a criar. Eu vou fazê-lo da mesma maneira realmente planejado para esta classe, então vamos começar com um ponto em um círculo, e isso geralmente é o que eu dio. Vou apenas criar as funções para esse círculo. E eu vou pensar, o que é que eu preciso para esse círculo? Que tipo de variáveis eu preciso? E depois vou escrevê-las aqui para dizermos: “
Ok, Ok, preciso de um raio. Eu precisava flutuar só para evitar quebrar o projeto. Porque às vezes em jurados vai arredondar números e vai olhar seu filho, especialmente para grades. E então eu vou pensar, o que mais eu preciso dentro desse raio? Sei que preciso de fatias. Eu sei que eu preciso de ângulos e então eu vou apenas fazer Ok, eu preciso de um número de fatias e eu vou precisar de um tamanho ou um ângulo para cada fatia. E é assim que essas outras variáveis entram. E então eu sei que eu preciso de um sotaque y coordenadas. E agora que eu sei que eu preciso de mais anéis ou mais círculos para que esse grão polar realmente pareça uma grade, eu vou apenas adicionar outros círculos cult variáveis, e eu sei que isso vai abranger o número de círculos. Cabe a você como você quer nomear essas variáveis. Quero dizer, algumas pessoas não fazem ângulo, e eles vão apenas fazer Fada. Algumas pessoas vão fazer ângulo. E para mim, na
verdade, depende. Eu realmente não penso muito nisso. Enquanto as variáveis ar descritivo suficiente livre para voltar para o programa e entender o que realmente está fazendo, então você está pronto para ir. Agora vamos entrar na codificação.
3. Trigonometria explicou: um monte de desenhos fantásticos lá fora usado funções truque principalmente assinar no sinal co. Após esta lição, você dominará o uso dessas funções para criar uma grade polar que abrirá muitas possibilidades. Design sábio, cada grade polar começa com um triângulo e da aula de matemática. Sabemos que em todos os triângulos rectos em relação a um dos dois ângulos retos. Há um lado adjacente no lado oposto e uma cruz do ângulo direito. Aí está a notícia da alta cápsula. Sabemos também que podemos produzir o sinal de um ângulo dividindo o comprimento oposto pelo comprimento dos parceiros altos e o co assinado. Dividindo ser um dia enviado pelas notícias do pote alto, podemos utilizar esse conhecimento para criar nossa posição de pontos em um círculo. Felizmente, no processamento, temos uma função de sinal e co sign que fará o cálculo para nós. Vejamos como usar essas funções pode nos ajudar a traçar pontos em um círculo e, assim, criar a grade polar. Podemos passar o ângulo desejado dentro de nossa função para obter nossos valores X e Y. Visualizando isso em um círculo. Podemos ver que para um ângulo de zero graus, obtemos um valor de zero e um para assinar Cosan, respectivamente. Para 45 graus, obtemos 450,7 para ambos e para 90 graus obtemos um e zero. Estas são as coordenadas X e Y de 90 graus. Temos um ponto em 01 para 45 graus. Temos um ponto em 450.0.7 ponto sete e 40 Nós temos um ponto em um e zero. Mas se você notar os valores de ar muito pequeno para a nossa tela,
portanto, precisamos multiplicar os valores para vê-los corretamente. É aí que entra o raio, multiplicando as coordenadas X e Y pelo raio desejado. Vamos conseguir pontos na borda de um círculo com esse raio, e essa é a grade polar dela.
4. Um ponto de círculo: antes de começarmos a criar pontos em um círculo e começar a criar o polar. Greg, eu quero primeiro explicar como ponto em um círculo é plotado usando código. Eu vou começar criando uma elipse que vai ser posicionada em X e Y eu
vou definir isso em um segundo. E eu vou dar a esses lábios o tamanho de oito. Agora, ex Deus salve zero e por que é zero, e você pode ver o ponto aqui. Agora queremos empurrar este ponto para o meio deste guindaste, então eu vou fazer o quê? Dividido por dois e altura dividido por dois. Então você pode ver como podemos facilmente empurrar esse círculo em torno deste creme, apenas usando quaisquer parâmetros que temos com, hum, esconder nossos parâmetros nativos na linguagem de processamento, e eles basicamente tiram do tamanho função. Então a largura é 500 a altura é 500 Eu dividi-me por dois para obter o meio da tela. Então agora temos, exceto 250 pixels e por que está em 250 pixels? que Peloqueaprendemos sobre o sistema de coordenadas polares. Sabemos que, para desenhar pontos em um círculo, precisamos usar as funções co sign e sign. Então já descobrimos que para X vamos usar a função litoral e por que vamos usar a função seno. Então vamos remover o que já temos. E vamos definir o X para cosinalizar ângulo e então ouvir o que é dito para assinar o tornozelo. E vamos criar o ângulo. Variável deve torná-lo zero. Vamos ver o que acontece agora. Voltou a zero Z ou a uma posição aqui, mas não é na verdade às 00 porque sabemos que o sinal de zero é um. Então é na verdade um pixel da esquerda e você é pixel do topo e podemos ver que é multiplicá-lo por um número maior. Digamos o raio do círculo que queremos. Então eu vou apenas definir este raio do círculo aqui. 200 analistas vêem o que acontece agora. Você vê como o valor Y não mudou, e ainda é zero para ver como o X está agora. 100 passando por cima de um fato que X waas um pixels porque agora ele está em 100 pixels. E se você quiser ter certeza ainda mais, enfraquecer, definir o raio para 500 e ver se ele chega ao fim deste guindaste. Agora está no fim desta rainha. Então agora é realmente 500 e nós também podemos ter certeza de imprimir o sotaque, minha cornija. Podemos ver que é 500 para X e zero para y, e se eu mudá-lo para 100 é 100 0 Agora podemos fazer mais uma coisa, e isso é mudar o centro, que é o centro do círculo, que agora é 00 para o meio do tela. Vamos fazer exatamente o que estamos usando com dividido por dois de altura dividido, mas você, mas vamos adicioná-lo ao que já temos. E agora temos um ponto em um círculo com um raio de 100 pixels. Se você quiser ter certeza de que está no topo do nosso círculo que tem um raio de 100 pixels enfraquecer o desenho, isso levanta eu vou fazer nos lábios que com dividido por dois e altura dividida por dois e eu vou dar-lhe o tamanho para o raio multiplicado por dois e eu vou dar-lhe Ah, altura de raio multiplicado por dois dias. Bem, já que é um círculo perfeito, você pode ver que o ponto é, na verdade, em cima de todo o círculo direito pode mudar o traço muito branco, e não podemos dar-lhe Phil. E agora podemos ver melhor. Em seguida, vamos ver como podemos criar vários pontos em um círculo usando o mesmo método que acabamos usar.
5. Pontos em um círculo: agora, a
fim de criar vários pontos no círculo, precisamos saber o número de fatias, e também precisamos saber o tamanho de cada fatia. Vamos começar definindo o número de fatias, então eu vou apenas colocar em seis primeiro e depois aqui. Eu vou setar o tamanho da fatia para ser 360 porque esses são alguns dos
ângulos internos em um círculo dividido pelo número de fatias, que vai nos dar o tamanho de cada fatia em decretos. O único problema aqui é que queremos usar este grau ou este ângulo dentro de nossas funções co sinal e sinal, e aqueles só tomam brilho. Podemos converter o ângulo em brilho, mas não gosto de aninhar muitas funções. Eu prefiro apenas mudar o 360 em dois
pique, que é uma constante que já está definido para você no processamento. Agora, se imprimir fatia, descobriremos que também a torta dividida pelas fatias ou 360 dividido por uma fatia, vai nos dar ângulos de 60 graus em brilho. Vai ser diferente,
claro, claro, mas agora não estamos usando a fatia ou mudando ou tornando o ângulo dinâmico. Então, para fazer isso, eu vou ter que criar um loop de quatro para usar o loop ou para usar a variável dentro do loop para mudar o ângulo. Então vamos criar o loop e dentro do loop. A condição vai ser o número de fatias porque eu quero um loop através de cada fatia até eu bater a última fatia. Então eu vou apenas fazer olhos menos do que fatias que eu vou incrementar, e eu vou englobar tudo isso no lado do meu loop for. Apenas recuados estavam limpos. Olhe. Certo, agora temos o tamanho da fatia, mas ainda não temos a posição de cada ponto. Agora precisamos de mais um passo para traçar os pontos na posição certa no círculo. Se eu definir a fatia como o ângulo dentro da minha linha costeira e função seno, ainda não vai ser dinâmico, principalmente porque a fatia vai ter um tamanho. Então eu vou usar o I no loop for para definir o ângulo para ser dinâmico, e você pode facilmente fazer isso multiplicando o valor I pelo tamanho da fatia. Assim, para o 1º 1 será zero multiplicado por 60 que irá produzir zero para o ângulo. Então esse é o nosso primeiro ponto, e então seu segundo ponto vai ser em I um, e ele vai ser multiplicado por 60 novamente, e isso vai produzir 60. Então ele vai para 60 graus e traçar outro ponto. E então dois multiplicados pela fatia novamente, que é 60 graus vai nos dar 120 E esse é o terceiro ponto, e assim por diante e assim por diante. Então vamos fazer isso. Multipliquei pela fatia. Devemos agora obter seis pontos em nosso círculo, e podemos brincar com o número de fatias agora para ver se nossa fórmula realmente funciona e funciona. Você vê quanto mais pontos ou mais fatias adicionamos, melhor
o círculo parece No próximo vídeo, vamos falar sobre adicionar mais círculos a este
6. Adição de mais círculos: agora vamos adicionar mais círculos. Para fazer isso, precisamos saber o número de círculos. Então eu vou definir os círculos variáveis para 20. Em seguida, vamos criar um loop de quatro que engloba será já tem porque queremos recriar esse loop inteiro para cada círculo. E se eu fizer isso agora, veremos a mesma coisa que tínhamos antes. A única diferença é que há 20 círculos em cima um do outro para cada ponto. Então precisamos aumentar o raio de cada círculo. Podemos fazer isso multiplicando por J. No entanto, agora temos um no meio aqui e isso é quando Jay era zero. Então é definido nosso X e R y para zero. Então vamos precisar multiplicar por Dre mais um. Apenas evite zero. Começaremos com um de cada vez. E agora nos livramos daquele no meio às 00 Agora precisamos reduzir o raio do primeiro círculo porque não podemos ver os outros círculos. Vou diminuir isso para 10 e vamos ver o que acontece. Perfeito. Agora temos 20 círculos. O único problema agora é que para cada círculo temos a mesma quantidade de fatias. Então temos seis círculos em cada círculo, mesmo que o raio seja muito maior e precisamos de mais fatias para que ele fique mais bonito. Podemos fazer isso aumentando o número de fatias cada vez que o círculo ou o raio fica maior, e isso significa que no loop externo eu vou apenas aumentar o número de fatias em uma certa quantidade. Vou fazer três e vamos ver o que acontece. E agora temos círculos concêntricos. Se você notar sempre que eu tenho um número ímpar. Nós temos esse círculo de aparência estranha, que ainda é legal, e é por isso que eu tenho que adicionar em número par porque eu quero minhas fatias dedo do pé. Sempre tenha um número par para isso. dedo do pé parece uniforme ou simétrico assim tão divertido, não é? Agora, no próximo modelo, vou adicionar cor ao nosso círculo, e podemos ver as diferentes maneiras de mudar o padrão da cor neste círculo.
7. Colorir o design: a. Cada pessoa pode ter sua própria paleta de cores. Então vou colocar o meu paladar aqui. Vou copiar e colar de outro fogo que temos. Ok, então não, eu não tenho um conjunto de cores que eu vou usar dentro do meu loop for. Então, aqui, vamos definir o preenchimento antes da elipse. Eu vou configurá-lo para o nome da variável, que é chamadas, e eu vou fazer uso da variável I. O único problema com a variável I está indo para ir de Z sobre 25 e eu só tenho cinco itens na minha matriz, que significa que ele está indo de 0 para 4, que vai me dar um erro. Então eu vou ter certeza de que eu não recebo esse erro usando o modelo de um sinal e usando o número fora dos itens na minha matriz. Agora eu preciso converter isso em um inteiro, e nós temos nossas cores. É muito divertido como usar as diferentes variáveis de seus quatro loops ou do algoritmo que você tem pode mudar o padrão da coloração Então vamos usar PJ e ver como isso parece. Isto também é muito fixe. Também podemos usar a variável X e ver o que isso produz. Isso é muito divertido. Também podemos usar a variável Y e ver o que obtemos. Parece uma borboleta. Vamos também usar ângulo e ver o que isso produz. Você vê como ele vai ao redor com o círculo. Agora vou mostrar uma maneira diferente de usar uma das variáveis dentro de seu loop para criar um padrão diferente de cores. Vamos apenas remover isso e criar um bem chamado C e passaremos por aqui. E eu vou criar um inteiro chamado C e eu vou mapear a variável porquê de 0 a 2 pi para zero antes que é o último índice na matriz de nossas cores. E eu vou usar o módulo um sinal novamente e usei as cores que comprimem. Ou podemos usar apenas cinco. Isso vai nos dar um erro porque o mapa produz à tona e nós não nos vestimos. Só vou jogá-lo em um inteiro e vamos ver o que esses produtores produziram. Um padrão completamente diferente. Podemos fazer o mesmo com o X e ver o que acontece. Isso também é legal. E, claro, quanto mais cores você tiver aqui vai produzir um design diferente. Então, se eu replicar este ou menos, se eu replicar este aqui que foi adicionado aqui e agora temos seis cores, certo? Então eu vou fazer isso. Temos uma fórmula mais dinâmica. Eu vou fazer apenas porque esse comprimento menos uma e mais cores, eu tenho a diferença. A forma vai ser. Vou voltar ao meu primeiro desenho, sinta-se à vontade para escolher o padrão que quiser. Eu gosto de todos eles, e eu gosto de experimentar com as variáveis que eu tenho e maneiras diferentes. Eu posso usar essas variáveis para criar um padrão ou padrão de coloração para o meu design. Em seguida, vamos experimentar com uma forma diferente para ver como mudar apenas a forma dos pontos plotados pode mudar todo o experimento
8. Explorando outra forma: Vamos experimentar com outra forma. Eu vou escolher um retângulo ou um quadrado, e eu vou girá-lo para tipo de criar um tipo de mosaico de desenhos em vez da Ellipse. Eu vou usar a função teórica, e você acabou de usar as coordenadas X e Y novamente. E eu vou definir o tamanho dois oitos, como era com a elipse. Agora, se eu executá-lo, basta obter um monte de quadrados em vez das elipses que tínhamos antes. Mas podemos fazer isso parecer ainda mais legal girando. A praça é um pouco. Vamos retomá-los em 1/4 de altura, cerca de 45 graus. Mas agora isso vai produzir algo que é muito horrível, e quebrou o design dela. A razão para isso é porque ele está girando em torno dos zeros. Você é um ponto. Então, sempre que isso é como quando quadrado como sendo criado dentro dos quatro loops, ele está sendo girado em torno dos zeros. Você é um ponto que vai quebrar tudo o que precisamos para abranger o retângulo ou o quadrado e a função girar dentro da matriz push e funções matriz pop. O que isso vai fazer é criar uma matriz diferente para esses retângulos. Então, para cada retângulo, haverá uma camada diferente na qual vamos girar nossa forma. Mas agora, mesmo que executemos
isso, ainda vai quebrar. Então, a razão pela qual isso está acontecendo é porque ele está girando em torno de novo. Zeros. Você é um ponto, mas para a coisa toda, precisamos traduzir a matriz para o centro de cada retângulo. Então eu vou apenas traduzir para os pontos X e y. E então eu vou colocar o retângulo adicionar 00 em vez disso porque agora estamos empurrando as formas usando a tradução. Então eu estou empurrando toda a matriz ou toda a camada para que o acento X e Y posição em. Então eu vou definir o retângulo para os zeros, seu ponto dessa matriz. Agora, se eu executá-lo, eu só vou pegar um monte de quadrados que são girados 45 decretos e apenas vai me dar este mosaico. Olhe. No meu projeto, isso é praticamente tudo que você precisa saber sobre grãos polares. Sinta-se livre para experimentar outras formas e outras funções da linguagem de processamento e também experimentar cores e padrões de cores. Talvez você queira escolher mais cores ou cores diferentes que vão criar um look que todos
nós podemos desfrutar. Encorajo-o a ser criativo com ele, e adoraria ver o seu trabalho.
9. explicado de rotura: passando. O que criamos na lição anterior mais uma vez ajudará você a entender como a rotação funciona no processamento em uma tela quadrada. Se tivermos um quadrado 0,0 e girado em 45 graus, obtemos isso. E se tivermos um quadrado no primeiro ponto que criamos na grade polar, usando a linha costeira e funções de sinal para X e Y, e depois girar esse quadrado, obtemos isso. É por isso que temos os nossos quadrados confusos. Isso acontece porque rotações acontecem no nível da tela, o que
significa que o próprio campus está sendo girado e a forma ainda está na mesma posição nessa tela. Na lição anterior, seguimos alguns passos para corrigi-la. Em vez de mover os quadrados para a posição X e Y, criamos uma nova matriz para cada quadrado. Nós empurramos essa matriz inteira para nossas posições X e Y, então giramos a matriz em 45 graus. Através de todo este processo, são quadrados ainda está na origem dessa matriz, que é o ponto 00 e por causa do loop, terá vários quadrados em torno de seu círculo que são girados 45 graus. Desde os quadrados por padrão, desenhado a partir do canto superior esquerdo. Precisamos mudar sua origem para o centro Então ele se comporta como uma elipse usando a função de
modo naufrágio com os argumentos centrais passados e agora temos nosso design final.
10. Exportando o design: finalmente para exportar o design para que você possa usá-lo em seus outros projetos. Você pode apenas importar o processamento, biblioteca
pdf. Qualquer um inclui tudo e depois aqui. Depois de definir o tamanho, vou usar a função de registro de início para gravar um arquivo pdf. Eu vou colocar isso em uma pasta chamada Saída, e então eu vou definir vezes Tom, que é uma função que nós vamos criar agora. E, em seguida, criamos o carimbo de data/hora da função abaixo. O que a temperatura do tempo faz é que ele obtém uma instância do calendário para a data e hora
de hoje e seguida, formata-o em uma string que tem o ano, o mês e o dia e, em seguida, outra pontuação. E, em seguida,
a hora, os minutos e os segundos e a classe de calendário está tomando do utilitário Java Cal Ah Calendar biblioteca. Então agora vai usar a data aqui. A razão pela qual eu usei vezes tempo ou esta função é porque eu quero apenas fazer
renderizações diferentes em vez de mudar o nome do arquivo a cada momento. Então eu posso apenas pegar a data e hora, que me garante que eu vou ter uma pasta cheia de cada geração que eu tinha cada vez que foi salvo e, em seguida, para terminar a gravação. Depois de tudo ter sido desenhado, eu vou apenas você e o milho e ele deve salvar o arquivo. Agora, depois de executar este programa, você pode ir para a pasta de saída dentro do seu titular de programas real e você encontrará seu arquivo
pdf. Agora você pode abrir esse arquivo dentro do Adobe Illustrator
e, uma vez aberto, você pode ir para a máscara de recorte. Solte a máscara. Ele pode apagar a máscara. Agora você tem o design que ele poderia manipular como você quiser.
11. É a sua vez!: para sua tarefa, você criará algo semelhante ao que criamos nesta classe. Tudo bem para enviar exatamente o que você fez enquanto você passou por este projeto comigo, como ele gosta de ver o seu progresso, no entanto, incentivá-lo a se esforçar mais e usar sua criatividade para criar
designs únicos e usar outras funções de forma e outras funções de matriz para criar algo que é mais você. Você pode usar as técnicas usadas nesta aula ou na minha aula de arte gerativa anterior. Cabe a você quantas cores e formas usar em um projeto. Desde que você esteja usando um grit polar para demonstrar o que você aprendeu com esta classe. Espero que tenham gostado desta aula e mal posso esperar para ver seus projetos.
Hadeel Alharthi, Creative Coder and Artist
