Como codificar arte generativa criativa da maneira fácil: processando noções básicas para iniciantes | Melissa Wiederrecht Generative Art | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Como codificar arte generativa criativa da maneira fácil: processando noções básicas para iniciantes

teacher avatar Melissa Wiederrecht Generative Art, Generative Design, Creative Code

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

12 aulas (32 min)
    • 1. Introdução

      1:35
    • 2. O que é arte generativa?

      0:35
    • 3. O que está processando?

      1:00
    • 4. Se nunca tiver escrito o código antes

      0:59
    • 5. Funções básicas

      3:34
    • 6. Configuração () e draw()

      4:15
    • 7. Randomness

      6:07
    • 8. Variando tamanho por localização

      1:49
    • 9. Se as declarações

      2:24
    • 10. Caminhada aleatória

      8:13
    • 11. Exporte uma imagem morta

      0:44
    • 12. SEU PROJETO

      0:21
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.223

Estudantes

38

Projetos

Sobre este curso

660324ed

Este é um curso para pessoas que nunca codificaram (ou têm muito pequeno) e quer explorar as possibilidades de a geração de arte com código Você vai aprender como é fácil e rápido para criar belos designs de geração de geração, usando um idioma chamado Processing.

Se você pode posar, pode codificar belas imagens! Aprenda os blocos básicos do código e como aplicá-las à arte generativa neste curso. Vamos discutir o seguinte (e muito mais):

  • O que é arte generativa?
  • O que é processando? Como o get e uso de uso?
  • Quais são os blocos básicos de esboços e animações no Processing?
  • Quais são algumas funções básicas?
  • Como usar a aleatória?
  • Como codificar uma caminhada aleatória?

Conheça seu professor

Teacher Profile Image

Melissa Wiederrecht Generative Art

Generative Design, Creative Code

Professor

 


 

Have you ever thought generative art and creative coding looked like a fascinating thing to try, but you wanted someone to explain it in an easy way for absolute beginners?

I’m here to help. Nice to meet you! I am Melissa Wiederrecht. I am obsessed with art, mathematics, computer science and most especially anything that combines the three together.

My online graphic design classes will take you step by step through the process of how to make art with code, how to use the Processing language, and how to easily make beautiful digital pattern designs.

Interested to see more of my personal generative art work, progress shots, and pattern design collections?  I post regularly on https://www.instagram.com/melissawiederrecht... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Oi, estou no Twitter. Eu sou um cientista da computação e um artista e uma mãe educadora em casa de quatro filhos e de Wyoming originalmente, mas eu atualmente eles em Meca, na Arábia Saudita. Faço arte generativa desde que era criança que me ensinou a programar aos 12 anos muito antes de perceber que era uma coisa. O que me deixou viciado em arte generativa é que com arte generativa, você define um sistema. Algumas regras, certo, um pouco de código, e então você senta e assiste o computador correndo na frente de seus olhos, e eu nunca deixo de ficar espantado com a beleza que pode sair de um resfriado muito simples. Esta é a minha primeira classe de muitas, muitas aulas que pretendo ensinar. arte generativa nesta classe realmente cobre o básico. Vai começar com o processamento, que é um design de linguagem para artistas. Ele irá cobrir as funções básicas e como configurar uma animação simples em. Vamos entrar em aleatoriedade e então vamos encerrar tudo com um projeto um pouco mais complicado chamado caminhada aleatória. Você é um projeto será criar uma obra de arte usando funções Onley que eu ensinei nesta aula. Então vá em frente e inscreva-se nesta aula e vamos começar. E não se esqueça de me seguir para que você seja notificado toda vez que eu publique uma nova aula . 2. O que é arte generativa?: arte generativa é simplesmente fazer arte com casaco. Há coisas que se pode alcançar com arte generativa que seria realmente difícil ou mesmo impossível de alcançar de qualquer outra forma. Algumas das ferramentas mais importantes de um artistas generativos são aleatoriedade, ruído e funções matemáticas como funções de sair e essas ferramentas. O que eles oferecem a um artista é uma maneira de a arte ganhar vida, além da direção consciente do artista, você sabe, você sabe, para que o artista se afaste e se surpreenda com o resultado que eles permitem uma variação realmente infinita . 3. O que está processando?: processamento é uma linguagem projetada para a arte. É simples o suficiente para começar imediatamente, com recursos suficientes para ser capaz de fazer arte realmente bonita e descomplicada. Processamento poderia ser usado em dois D ou três D. Poderia fazer alambiques ou animação. Você pode tornar sua arte interativa com a entrada de teclado e mouse e exportar sua arte em uma variedade de formatos, incluindo Vector e Raster. Realmente, a coisa mais importante sobre o processamento, no entanto, é como é fácil começar. É tão simples. Ah, e a propósito, é livre para dar processamento. Vá para o processamento de dot org e vá para o download. Escolha seu sistema operacional. Estou executando o Mac OS 10. Então eu cliquei nisso e ele baixou um programa. Entrei na minha pasta de downloads. Arrastei-a para a área de trabalho. Se abri isso, recebo a janela do editor. É aqui que vou digitar. código aqui embaixo é o cônsul, que é onde as mensagens aparecerão para você. Se você tiver um erro no seu código ou se você escrever mensagens para si mesmo a partir do seu casaco, então se eu apertar play me mostra o que eu desenhei no campus 4. Se nunca tiver escrito o código antes: se você nunca escreveu código antes. Primeiro de tudo, você deve estar ciente de que o computador processa código linha por linha de cima para baixo, geralmente por isso não importa apenas o que você digita e também importa a ordem que você toma . É muito, muito importante que você pause o vídeo e abra o processamento e digite exatamente o que eu digitei e aperte esse botão de reprodução e obtenha os resultados que eu consegui. Se não obtiveste os resultados que tenho, tens de verificar e descobrir o que não vais aprender apenas ao ver-me a escrever. Você tem que tentar você mesmo. E também, se eu escrever algum código como, por exemplo, se eu escrever o código para fazer uma linha, você não deve apenas escrever o código que eu escrevi, mas você deve tentar alterá-lo. Você deve tentar alterar esses números e ajustar este nove para que você possa entender exatamente o que ele faz e como fazer sua própria linha mais tarde. A última coisa que você precisa saber sobre codificação é que o computador é muito exigente. Se eu tiver parênteses em um determinado lugar em um ponto e vírgula em um determinado lugar. Você tem que colocá-lo exatamente no mesmo lugar. O computador não entende. Se você meio que acertar. Você realmente tem que colocar exatamente o que eu pego. 5. Funções básicas: Vamos começar alterando o tamanho por tipo em tamanho poderia dar-lhe largura de pixel e altura de pixel . Então eu vou ficar 700 por 700. Se eu tocar no play de novo, eu ganho uma tela maior. Eu não gosto muito desse grande fundo. Eu vou dizer fundo e dar-lhe valores RGB 2 55 a 55 50 55 o que é muito rápido de lado aqui para aqueles que podem não saber o que é RGB ou como ele funciona. Eu troquei a loja de fotos e eu abri a figura colorida clicando neste quadrado aqui, e você pode ver os valores RGB para qualquer cor. Portanto, cada cor tem seus valores RGB de cor RGB exclusivos. E se você quiser usar qualquer cor, basta copiar esses números para as funções e processamento e, notavelmente, branco é 2 55 55 para 55 e preto é 000 Vamos voltar para o site por um segundo no site de processamento e ir para referência, e você pode ver aqui é todas as funções que são incorporadas no processamento de muitas coisas legais e interessantes. A maioria dos quais eu nunca sequer toquei, maioria dos quais você provavelmente nunca precisa tocar, mas um monte de coisas ótimas se você quiser explorar sua começar com as duas primitivas D. Então, se você quiser desenhar uma linha, digite linha e dê a ela coordenadas X e Y iniciando e terminando convênios XLR, a tela tem a origem aparecer. Isto é 00 e o X aumenta desta forma. Por que aumenta isso? Então eu quero desenhar uma linha de, digamos, 101 100 para 606. Lá vai você. Vá como OK, se eu quiser desenhar, digamos, um quadrado, eu diria retângulo para um retângulo. Dou-lhe o seu ponto de partida, por exemplo, talvez 103 100. E depois dou-lhe altura e peso. E então, se eu quiser um círculo, vou dizer elipse. Vou colocá-lo em 301 100 seu com 100. E quando você especificar um ponto para um retângulo, sua especificação do canto superior esquerdo. Mas quando você especificar um ponto para uma elipse, sua especificação do centro se em meio a outro retângulo e outro círculo e dar-lhes os mesmos pontos que eu dei o retângulo original e círculo, mas eu os fiz apenas cinco por cinco. Dentro da altura, você verá que o retângulo vem no canto superior esquerdo, mas o círculo vem no meio do outro círculo. Se eu quiser mudar a cor da linha, posso dizer que está escrito e dar-lhe uma cor. Talvez eu leia, e eu vou dar-lhe um valor externo 50. Isto é especificado um RGB vermelho, verde e azul de 0 a 2 55 e, em seguida, o alfa é também de 0 a 2 55 Zero seria completamente transparente para 55 é completamente opaco. Então eu tenho um monte de linhas vermelhas que o ar é bastante transparente, não completamente. Se eu deixasse de fora o resto, eu ficaria completamente opaco. E então se eu especifiquei uma cor de preenchimento, é como traço. Eu poderia dizer talvez mídia Alsa azul com Phil e acidente vascular cerebral uma vez que você defini-los tudo depois deles é dito que a mesma coisa até que você mudá-lo novamente. Então talvez para os meus lábios eu quero mudá-lo de volta para traço de preto e cheio de branco 6. Configuração () e draw(): no vídeo anterior, eu mostrei a você como digitar as coisas diretamente aqui na janela do editor, e ele é reproduzido para ver o resultado, que é ótimo. Isso funciona. Tudo bem e você pode fazer isso. Mas na verdade é muito mais comum e muito mais útil usar duas funções chamadas Set up in Draw. Primeiro, vou mostrar-lhe como datilografá-los, e depois explico o que eles fazem. Então, dois tipos que se levantam, dizemos vazio. Configure abertura, fechamento de parênteses, abertura, fechamento de chaves e deixe uma linha entre elas. Desenhar parece apenas como configurar, mas com a palavra desenhar em vez das palavras que então o quê? Estes, portanto, é separar o código que você deseja executar no início para configurar tudo comparação com o código que você deseja alugar repetidamente para desenhar seu trabalho artístico. A configuração está logo no início, logo quando você clica em Play e configura sua arte. Draw é executado após a configuração, repetidamente e mais e mais. Agora você pode imaginar que isso realmente torna muito fácil fazer animação e processamento. Pode parecer contra-intuitivo, mas a animação e o processamento são Justus fáceis, quase mais fáceis do que apenas desenhar uma imagem estática. Na verdade, muitas vezes quando eu quero desenhar imagem imóvel, Eu ainda vou animá-lo sendo desenhado na tela porque é apenas um ZZ às vezes mais fácil e muito mais divertido. Então, a partir de agora nesta classe, vamos sempre usar definir um pino drop para demonstrar e configurar. Nós muitas vezes colocar o tamanho do nosso campus pode a cor de fundo, e em seguida, no desenho, nós colocamos o nosso desenho. Então, se eu quiser traçar uma linha, eu colocaria aqui. Agora. Eu disse que desenhar não é fácil com coisas animadas, e eu costumava desenhar e você pode notar, nada é animador. Bem, isso é simplesmente porque eu disse ao Draw para desenhar a mesma coisa em cada quadro. Então ele está realmente redesenhando cada quadro, provavelmente pelo menos 30 quadros por segundo agora, animação mais chata que você já viu porque está desenhando a mesma coisa repetidamente. Se você queria fazer algo diferente em cada quadro, você precisa dizer algo diferente para desenhar tudo. Há toneladas de maneiras diferentes de fazer isso. Só vou te dar um exemplo. Agora, vou usar uma variável chamada frame acampado. Agora, antes de eu mostrar como usar a contagem de quadros, eu vou ter o desenho realmente impresso para que você possa ver o que é. Então há uma variável embutida no processamento chamado na cidade, e é como nós, e o que é é apenas um número que contém o número de quadros que está sendo exibido quando ele desenha a tela pela primeira vez. A primeira vez que desenha a tela da contagem é provavelmente um, e então ele redesenha a tela um quadro mais tarde e a Contagem de Amigo mantém. É só um número. É muito simples, então deixe-me imprimi-lo para que você possa ver que eu posso usar esta função chamada Imprimir para imprimir qualquer coisa feita aqui no conselho. Se eu tocar no Play agora, você não será capaz de lê-lo ainda porque ele está imprimindo eles presos juntos. Então, se você quiser ser capaz de ver esses números melhor, eu vou colocar um novo caractere de linha. É como entrar depois de cada sorteio de números ir uma e outra e outra vez. Não está secando nada. O que está fazendo agora é imprimir números, cada quadro. Nós já estamos tramando os 500 alguma coisa. Então, em vez de imprimir a contagem de quadros, vou usá-lo para animar a minha vida. Vou dizer ponto de processamento em cada quadro. Toda vez que seca corre, deve desenhar uma linha. E em vez de colocar apenas números nas coordenadas, eu vou usar essa variável a variável francesa fora. Especificamente, eu vou fazer a coordenada Y do meu ponto final B contagem de quadros. Então agora você pode ver que o processamento está secando a mesma linha repetidamente com coordenadas ligeiramente diferentes, porque a coordenada Y do ponto de extremidade está aumentando dos aumentos de contagem de quadros. Mas você também pode notar que ele não está limpando nenhuma linha que já desenhou. Toda vez que desenha uma nova linha, está desenhando no mesmo espaço que a outra linha. Se quiséssemos que parecesse que a linha estava se movendo em vez de desenhar centenas de linhas diferentes que poderíamos fazer é cada vez que desenha um quadro, ele pode encobrir tudo o que já desenhamos com o fundo novamente. Se eu planta chamado para o fundo novamente no início da minha função de desenho. O que isso faz é apagar toda a tela. São o desenho inteiro com a cor de fundo novamente antes que ele faça qualquer outra coisa. Então agora parece que temos uma linha que está se movendo. Na verdade, é sempre uma linha diferente. Está desenhando uma linha nova, cada quadro. Mas parece que está se movendo porque temos a contagem de quadros na coordenada Y do ponto, e só podemos ver a linha mais recente sendo desenhada porque cobrimos tudo o resto com o fundo. 7. Randomness: Agora que falamos, configuramos e desenhamos, vamos explorar aleatoriedade. Aleatoriedade é uma das coisas que torna a arte generativa incrível. Sra. qualquer coisa aleatória. É realmente difícil de conseguir com a mão, mas um computador poderia fazer tão fácil e tão rápido, e isso faz apenas arte incrível. Então, para fazer aleatoriedade, precisamos discutir uma função chamada aleatória. Deixe-me tirar o desenho dele e apenas mostrar-lhe o que aleatório faz, imprimindo os resultados de dizer aleatório, Random leva um número e dá-lhe de volta um número aleatório entre zero e esse número. E então imprimir, como você se lembra, apenas imprime o resultado de qualquer coisa fora do conselho. Então, se eu tocar no jogo, eu tenho o número aleatório 9.998869 Se eu rodar novamente, eu deveria ter um número completamente diferente. Eu tenho 7.634116 A função aleatória apenas escolhe qualquer número aleatório, incluindo casas decimais loucas entre zero e o número que você dá. Você também pode dar para números, digamos cinco e 10 e isso lhe daria um número aleatório entre cinco e 10. Você deve tentar isso, executá-lo várias vezes e mais e apenas ver os resultados que você obtém. Então, em vez de imprimir meu número aleatório, vou desenhar linhas aleatórias. Vou dizer mentindo de novo. Mas desta vez, o que vou fazer é dizer ao processamento para escolher um ponto de partida completamente aleatório e ponto final tudo. Então esta é a coordenada X para o ponto de partida da minha linha entre zero e a largura da minha tela. A mesma coisa para a coordenada y. E na verdade, porque é entre zero e que nunca eu nem sequer tenho que colocar o zero a mesma coisa para o ponto final. Então esta é a mesma função de linha que eu uso antes, e eu estou apenas dando para números. Mas os quatro números que estou dando aleatoriamente vão escolher um número e enfiá-lo aqui e escolher um número diferente e enfiá-lo aqui, escolher um número diferente e colocá-lo aqui. Escolha um número diferente. linha de instigação é a mesma linha que vimos antes. Só os números de uma caravana. Então, se eu tocar no jogo, eu estou recebendo linhas aleatórias em todos os lugares. Eu poderia acabar com tudo com um fundo fresco de cada vez. E então eu só veria minha frase mais recente. Isso é meio grosso. Você sabe. Eu realmente gosto quando não é re durante o fundo e eu posso ver todas as minhas terras. Acho que é realmente muito bonito. Ok, vamos tentar mais alguns exemplos de uso aleatório. Podemos fazer retângulos Reina. Mudei de linha para retângulo. Lembre-se, retângulo quatro leva quatro números tão bem que pudemos foi a mesma coisa. Mas os 2 números são a largura e a altura. Não queremos que isso fique entre 01 700. Queremos que isso seja entre. Não sei, talvez 100. Acho que gostaria mais se meus retângulos não estivessem preenchidos. Então não vou dizer nada. Mas, você sabe, eu poderia fazer em vez de não, Phil, eu poderia fazer nenhum derrame e eu poderia dar-lhe uma sensação aleatória cor. Então, que tal aleatório? Entre zero e 2 55 O vermelho, verde e azul. E quer saber? Que tal a altitude? Que tal, em vez de um Alfa aleatório, eu quero que meu dedo do pé seja sempre aproximadamente 20. Eu quero que todos eles sejam realmente enxergados, que eu possa ver todos os que se empilham um sobre o outro. É o veículo. Embora eu realmente não goste dessa aleatoriedade completa da cor, eu prefiro tê-lo mais perto de uma extremidade, ainda meio aleatória, como talvez eu gostaria que tudo fosse mais azul, menos vermelho e menos verde. Então talvez o meu vermelho deve ser entre zero e 100 ea mesma coisa para a minha raiva que o meu pequeno ser entre zero e 2 55 Então eu vou ter muito mais azul em geral. Então, como você pode ver a combinação entre fazer as coisas mais e mais e mais, usar a função de desenho e usar aleatório já está ficando bastante interessante. Vamos tentar subsiste assim em vez de retângulo, vai dizer lábios. Teremos locais aleatórios entre a largura e a altura da tela. E vamos fazer a mesma coisa que os retângulos com uma altura aleatória dentro entre e se, em vez disso, embora eu quisesse que eles fossem círculos aleatórios. Então agora eu estou dando processamento um número diferente para a largura da elipse e um número diferente para isso, a fim de torná-los círculos de tamanho aleatório. O que eu teria que fazer é escolher um número aleatório e, em seguida, dar que parecem número aleatório para largura e altura. Então, para fazer isso, vou ter que fazer uma variável. Então variável é basicamente como uma álgebra. É como uma caixa para segurar um número para fazer uma variável. Você dá um tipo. Poderia ser um er de energia, nesse caso, eu diria que int uma energia seria um número inteiro. Mas neste caso, eu quero um flutuador porque ele vai conter um número aleatório e minha função aleatória retorna. Um flutuador à tona é um número que tem pontos distantes. E se você se lembra, quando eu imprimi meu número aleatório, ele tinha pontos decimais. Então vou usar um pé. Vou chamá-lo de diâmetro aleatório porque ele vai manter o diâmetro do meu círculo, e então eu vou preencher esta variável com um número aleatório entre zero e 100. Então tudo isso diz é uma variável chamada Random Diâmetro, que é um flutuador, que significa que é um número com pontos decimais vai conter um número aleatório entre zero e 100. E então eu posso usar essa variável aqui embaixo. Quando eu desenhar meus lábios cara aleatório, eu vou colocar a mesma variável em ambos a largura ea altura para que eu vou obter um círculo de tráfego . Eles são aleatórios porque toda vez que eu corro empate, eu recebo um diâmetro aleatório diferente. Mas então quando eu vou desenhar meu círculo, eu uso o mesmo diâmetro para a largura e o 8. Variando tamanho por localização: Vamos tentar um projeto divertido e simples usando apenas o que sabemos até agora vai começar fazendo um muito pouco chamado localização X e furando seu viviendo por innit? Entre 7 700 e outro chamado via localização também com um valor aleatório diferente entre zero e 700. E então eu vou desenhar os lábios na localização X e medicação. Mas eu vou fazer algo meio engraçado e eu vou fazer o tamanho dos meus lábios baseado em sua localização. Então, se a Elipse estiver no lado esquerdo da tela, ela deve ser menor. E como ele vai para o lado direito da tela, ele deve ficar maior. Tudo o que tenho que fazer é fazer esse tamanho dos meus lábios. Baseado na minha ex localização, eu realmente não quero que ele varie todo o caminho de 0 a US $700 então eu vou dividir esse número. Mas eu também vou colocar um pouco de cor lá, e eu vou definir meu golpe para ser branco e minha alma cor. Vou fazer muito baseado no olhar branco. Eu vou acelerar o quadro realmente um pouco porque eu não tenho idéia de quão rápido minha conexão com o computador caiu. Vou jogar algo louco lá fora como 1000 quadros por segundo. E vai rápido. É isso? Na verdade Tendo, brincar com este conceito e ver se você pode fazer retângulos que ficam mais altos à medida que X aumenta e mais fino à medida que o branco aumenta. 9. Se as declarações: Agora vamos falar sobre se declarações e se declaração como uma maneira de verificar se algo é verdade . E se for verdade, faça uma coisa. E se não for verdade, faça uma coisa diferente. Eu voltei para o meu código do vídeo sobre aleatoriedade onde eu tinha um monte de círculos aleatórios sendo exibidos na tela, não variando por sua localização. Então, a fim de demonstrar se declarações, eu vou fazer uma nova variável que irá manter minha excitação aleatória o número que eu estava colocando aqui e então eu vou verificar o que esse número é e com base no que ele é, eu vou fazer um cor diferente. Então o que eu estou fazendo aqui é eu estou fazendo uma nova variável chamada localização X aleatória em colocar um número aleatório nele entre 01 700 e então eu vou usar essa variável como a explicação dos meus lábios. Faz exatamente a mesma coisa que fazia antes. Se eu jogasse isso agora, você não veria nenhuma diferença. Mas agora o que vou fazer é verificar. Sim, minha localização X aleatória é maior que 350 Como em se estiver na metade direita da tela. Então eu vou manter minha cor de preenchimento igual. É sábio? E se não for maior que 53 30 como em, é apenas o lado esquerdo da tela. Vou fazer uma cor diferente. Copiei a mesma declaração do Phil daqui de baixo e coloquei, cai no topo, na parte inferior, aqui, mas na parte inferior. Quando eu vou mudá-lo, eu vou mudá-lo para que se ele está no lado esquerdo da tela, eu vou ficar mais vermelho sobre isso. Então a declaração if, você apenas diz se e, em seguida, entre parênteses, você coloca algo que você quer testar, então você contesta qualquer coisa sobre qualquer variável. Então minha exploração aleatória é a variável que estou testando. Estou testando. É maior que 350? Qual invariável poderia ser porque está entre zero e 700? Se não for, dou-lhe esta cor Philip. Se não for, dou-o esta semana. Brincar com se declarações ver se você poderia fazê-lo de modo que o terço superior é cores verdes . O terço do meio é cores vermelhas, e o terço inferior é azul 10. Caminhada aleatória: Então agora vamos usar tudo o que aprendemos até agora para construir algo um pouco mais complicado. O que estamos prestes a construir chama-se aleatório. Deixa-me mostrar-te como é. Primeiro, ele começa em um local aleatório e, em seguida, ele desenha uma linha para um novo local perto de onde ele waas out um círculo. Parece meio legal. Acho que posso abrandar um pouco para te ajudar a ver um pouco mais fácil. Deixe-me explicar como construir isso. Então vou acabar com tudo o que tenho até agora. Exceto para a configuração e desenho e o tamanho na cor da sala de trás foi que vamos ficar os mesmos e eu vou começar fazendo variáveis. Disse a localização que eu estava em último lugar no meu olhar aleatório, eu vou colocá-los aqui fora do set up e desenhar para que eu possa usá-los em todos os lugares e também para que eles preservem o seu valor entre chamadas de sorteio. Se eu colocar essas variáveis dentro do desenho, então haveria novas variáveis novas. Toda vez que o empate é executado, que não é o que eu quero. Eu quero que eles fiquem lá. Mas eu vou cansado, flutuar ex localização e flutuar. Então essas variáveis estão apenas indo para manter um local onde eu desenhei pela última vez uma linha para que na próxima vez que eu ir para desenhar uma linha, eu posso desenhar uma linha começando naquele local e, em seguida, na minha configuração, eu vou dar a eles valores iniciais. Então localização X é algum ponto aleatório entre zero e 700. E por que a localização também é algum ponto aleatório entre zero. No meu sorteio, eu preciso escolher um novo local que esteja muito perto de onde minha ex localização está e desenhar uma linha entre minha localização inicial X e minha segunda explicação. Então eu vou fazer um novo flutuador, uma nova variável chamada New X location, e eu vou torná-lo perto da minha outra localização como X. Eu vou conseguir. A localização X anterior dura algum número aleatório entre zero e 50 e, em seguida, o número entre zero e 50. Se eu fizer isso, eu vou estar em Lee movendo-se para a direita alguma quantidade aleatória, e eu quero que ele seja capaz de mover aleatoriamente para trás para, então eu preciso que meu número aleatório entre para ser números negativos também. Então eu vou fazer isso subtraindo 25. Mas o que? Isso vai acabar sendo em vez de um número aleatório entre zero e 50 ele vai realmente ser um número aleatório. Entre 25 negativos. Minha nova localização X será em algum lugar entre 25 negativos. Longe da minha localização anterior. Eu vou fazer a mesma coisa para a minha localização selvagem, e então eu vou desenhar na linha da minha explicação e por que localização para o meu novo Excel. Atenção, novo. Por que localização. E depois de cada vez que eu desenhar, vou definir a minha ex localização para ser a nova localização X. E por que localização Para ser um novo local. Estou fazendo isso porque quando formos desenhar a próxima linha, é localização X. Está começando a explicação. Precisa ser o ponto em que terminamos este alinhamento. Então a nova localização X para esta linha é o ponto de partida. A explicação para a próxima linha. Eu mantive algumas coisas erradas, então eu vou consertar isso. Lá vamos nós. Temos um simples passeio aleatório. Oh, ele saiu da tela. Teremos que usar isso para verificar e garantir que nossa vitória e caminhada não caia completamente da rua. Quando tivermos uma nova localização X e Y, temos de verificar. É novo. X Localização é menor que zero. Opa, Weston. Em seguida, vamos colocá-lo de volta para a execução vai apenas torná-lo mais fácil sempre que tenta sair da tela. Vamos colocá-lo de volta na beira da rua. Além disso, se a nova localização X for maior que 700 confiável do lado direito da tela, mesma coisa. Nova execução. Vamos definir para ser sete anos. Mesma coisa para o porquê se o novo local por que é menor do que zero como e ele tenta sair do topo da tela e eu disse que era zero. E se a nova localização por que é maior que 700 como ele tenta sair do fundo deste três, então vamos enviá-lo para estes em 100. Então tudo isso está fazendo é checar se caímos da tela. E se tivermos apenas empurrando o novo por que localização ou explicação de volta dentro dos limites e isso realmente ajudaria se você digitar corretamente. Veja o Irã na borda duas vezes até agora. E acabou de chegar. Não, é hora de começar a jogar para deixar isso um pouco mais bonito. Uma coisa que podemos fazer é mudar até onde andamos aleatoriamente. Talvez devêssemos tentar algo pequeno primeiro, como talvez só queiramos ir cinco em qualquer direção de cada vez. Isso é diferente. Ou talvez queiramos tentar seus números. E então talvez toda vez que eu desenhar uma linha, eu realmente gostaria de colocar um círculo no Flint. Eu gosto do jeito que isso parece. Então eu vou fazer isso. Eu vou colocar qualquer boca na nova educação X com máquina, e eu vou conseguir. Ou eu poderia fazer seu tamanho começar. Mas eu queria ser sempre um círculo, então vou usar uma variável de novo. Mas eu queria ser sempre um círculo, Estou usando uma variável aqui para que eu possa usar o mesmo número aleatório em dois lugares. Isso é fixe. Eu gostaria que minhas reticências não falhassem, então eu diria que não, talvez eu queira. Então talvez eu queira uma cor muito clara. Que tal uma corrida aleatória? Nada de verde. E eu gostaria que fosse bem transparente. Talvez 20 de 55 eu mude as cores da linha para “Vou fazer o meu derrame”. Além disso, Brendan pinta entre uma pista aleatória e nada e eu vou manter a minha saúde. É isso. Como você pode ver esses blocos de construção que aprendemos até agora, essas funções podem ser adicionadas de maneiras mais complicadas para fazer coisas mais interessantes . E neste ponto, é hora de jogar e começar a explorar e desenhar coisas novas com as ferramentas que você 11. Exporte uma imagem morta: antes de te deixar, vou mostrar-te uma maneira muito rápida de exportar uma imagem estática da tua tela. Se você descer abaixo de sua função de desenho e colocar neste código, evite o mouse pressionado e, em seguida, dentro da função pressionada do mouse, você diz salvar quadro e dar-lhe um U R L, que inclui os quadros mais completos e £4 símbolos. Esquivar um porco. O que vai acontecer é que quando você executar seu esboço, se você clicar, você terá uma imagem estática do seu esboço. Nesse ponto, se eu sair aqui para a pasta que o meu esboço está agora eu encontrar uma pasta chamada Frames e imagens fixas dos quadros que eu cliquei. 12. SEU PROJETO: É hora do seu projeto. Seu projeto é criar algo original usando Onley. As funções que eu ensinei a você nesta classe usar aleatoriedade se declarações as funções configurar e desenhar e muita criatividade e chegar a algo original. Estou muito animada para ver o que você inventou. Não se esqueça de me acompanhar no compartilhamento de habilidades para ser notificado cada vez que eu publiquei novas aulas .