Gráficos de programação III: pintura com som | Joshua Davis | Skillshare

Velocidade de reprodução


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

Gráficos de programação III: pintura com som

teacher avatar Joshua Davis, Artist, Designer, and Technologist

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

45 aulas (5 h 41 min)
    • 1. Atualização de HYPE

      7:11
    • 2. Introdução

      5:37
    • 3. Crie 01

      6:50
    • 4. Crie 02

      6:20
    • 5. Crie 03

      8:37
    • 6. Crie 04

      10:43
    • 7. Crie 05

      5:55
    • 8. Crie 06

      7:26
    • 9. Crie 07

      23:29
    • 10. Crie 08

      10:25
    • 11. Crie 09

      5:13
    • 12. Crie 10

      12:14
    • 13. Crie 11

      3:43
    • 14. Crie 12

      4:19
    • 15. Crie 13

      7:35
    • 16. Crie 14

      7:51
    • 17. Crie 15

      7:42
    • 18. Crie 16

      9:37
    • 19. Crie 17

      9:28
    • 20. Crie 18

      9:44
    • 21. Crie 19

      12:49
    • 22. Crie 20

      6:19
    • 23. Crie 21

      5:29
    • 24. Crie 22

      6:50
    • 25. Crie 23

      3:21
    • 26. Crie 24

      7:48
    • 27. Crie 25

      8:11
    • 28. Crie 26

      5:51
    • 29. Crie 27

      4:47
    • 30. Crie 28

      3:20
    • 31. Crie 29

      5:46
    • 32. Crie 30

      7:54
    • 33. Crie 31

      8:13
    • 34. Crie 32

      7:42
    • 35. Crie 33

      3:23
    • 36. Crie 34

      7:04
    • 37. Crie 35

      11:12
    • 38. Crie 36

      10:38
    • 39. Crie 37

      7:07
    • 40. Crie 38

      7:25
    • 41. Crie 39

      4:04
    • 42. Crie 40

      7:39
    • 43. Crie 41

      7:45
    • 44. Crie 42

      8:41
    • 45. Obrigado

      1:51
  • --
  • 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.

1.111

Estudantes

2

Projetos

Sobre este curso

970187f

Vamos trabalhar com uma ótima biblioteca de processamento em chamado de minder e toque no usando FFT (Fast Fourier Transform Transform

Este curso é de "intermediário" como se utiliza em meus primeiros dois primeiros cursos de skillshare / "de de skillshare" à arte generativa" e "Como de programação de arte

Este curso tem 42 vídeos e 42 esboços de amostra que and você como usar áudio como entrada para a animação de processamento.

NOTa por

os 42 vídeos de código foram gravados enquanto estão usando o processamento 2.2.1 e a HYPE. mas o vídeo de de que o de Também veja que o arquivo de the no "Seu projeto" foi atualizado para refletir esta mudança para como fazer 3 + a biblioteca... para que algumas referências nos vídeos podem mudar de

Conheça seu professor

Teacher Profile Image

Joshua Davis

Artist, Designer, and Technologist

Professor

Joshua Davis is an award-winning designer, technologist, author and artist in new media, and is acclaimed for his role in designing the visualization of IBM's Watson, the intelligent computer program capable of answering questions, for the quiz show Jeopardy.

Joshua's work has been exhibited at the Tate Modern (London), the Ars Electronica (Austria), the Design Museum (London), le Centre Pompidou (France), the Institute of Contemporary Arts (London), PS.1 MoMA (New York), the Smithsonian's Cooper-Hewitt, National Design Museum and more.

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. Atualização de HYPE: para gravar um pequeno vídeo rápido de uma atualização. Quando eu fiz esses cursos pela primeira vez há quatro anos, processamento para era com a coisa. Hum e em conjunto com o uso de processamento para hype e como eu descrevi hype em todas essas classes também foi um arquivo ponto PDE. Então, hum, e nessas três classes, você tinha um hype dot pt hype dot PD continha toda a biblioteca de propaganda. E isso também significava que você poderia usar coisas como processar Js na época. Certo? Mas agora muita coisa mudou. Quatro anos depois. Processar Js não é muito mais, mas P 5 Js é o novo direito. E, claro, temos o processamento três. Bem, uh, como eu estava fazendo Mawr em uma base de aplicativo e realmente não usando mais o navegador, hum, nós realmente atualizamos hype para uma biblioteca de processamento adequada. Então o que eu fiz é que eu passei por todas essas classes que eu tinha feito anteriormente quatro anos atrás, usando hype P. D. E, e processando-os e atualizando-os para que eles estivessem usando o processamento de três e hype a biblioteca de processamento adequada. Então eu só queria te mostrar muito rápido. Se você continuar a obter hub dot com barra hype, você vai ver que há hype processamento bem aqui. Este é o Repo Mestre. No entanto. Eu só quero mostrar que se você clicar em ramificações e dentro de ramificações, há lib. Preparação lib Preparação é sempre o mais atual. É onde estamos empurrando mais coisas, a maioria das mudanças fazendo ajustes. É sempre como um tipo de trabalho e processo antes de realmente ser empurrado para dominar. Então, porque nós queremos que o novo conhecido o novo segredo novo novo uh, vamos em frente e entrar em encenação lib e você vai apenas clicar neste botão verde que diz Clone ou download, e então você vai dizer Download zip. Agora o que isso está fazendo é baixar toda a biblioteca hype, incluindo o código-fonte e tudo mais. Mas queremos usá-la dentro do processamento, certo? Assim, você notará que, se você for para o processamento de arquivos de documentos, há uma pasta chamada Bibliotecas. E no caso deste exemplo em particular, uh, minha pasta está vazia, então eu vou abrir o zip que eu acabei de baixar e você sabe que eu deveria pegar esse cara. E o que isso tem é como referência e exemplos, e recurso é realmente a única coisa que você precisa olhar é a pasta de distribuição. A distribuição significa que esta é a compilação atual que você pode enviar dentro de seus documentos . Processo no titular de bibliotecas. Então vá para a distribuição e você vai notar que havia hype dot jar e hype dot zip. Vamos em frente e descompactar hype dot zip, e ele irá criar esta pasta chamada Hype, e você só vai arrastar essa pasta para a pasta de bibliotecas de processamento. Certo? E assim dentro deste hype, ele deve ter exemplo, referência de biblioteca e fonte. Certo? E se você olhar para exemplos como, Oh meu Deus, há uma tonelada de exemplos aqui Agora, se fôssemos iniciar o processamento do I D , você notaria que se você viesse, provavelmente é dizer me atualizar. Não, sim, não. Vamos para a biblioteca de importação de esboços. Olha, você deveria ver o hype lá. Então agora o hype é uma biblioteca de processamento adequada. Então a questão é, isso significa que posso usar isso em um navegador? Não, você não pode usar isso em um navegador. Se quisesses mostrar as tuas coisas para largar um guião, eu não quero. Sugiro usar todo este ambiente. Vá em frente e olhe para o projeto P cinco J s que está acontecendo, que está processando para o navegador no script Java. Mas se você quiser atualizar todos esses arquivos de classe que eu fiz nos últimos dois anos, eu mudei para este sistema. Agora, onde você vai usar o processamento três e, em seguida, você está usando hype a biblioteca de processamento . Certo, tão legal. Então nós temos isso dentro de, hum, dentro do processamento e só para o inferno, se eu fosse Teoh, deixe isso de lado. E aqui estão algumas dessas classes de compartilhamento de habilidade e goma de estrada que eu tenho trabalhado e você vai notar se eu entrar em gráficos de programação um. Uh, eu agora incluí neste zip todas as atualizações para este código para usar processamento três e usar hype a biblioteca. Certo. Então, se você for para, hum, digamos apenas desenhar ativos visuais e você fosse olhar dentro da pasta, você notará que hype dot PTE agora é removido completamente de todos os projetos. E se você clicar em construir PDE, você vai notar no topo aqui que temos uma nova estrutura, que é agora que é uma biblioteca de processamento adequada. Você tem Teoh importação hype como uma biblioteca externa. Então, no topo, você pode ver que eu disse importação hype dot asterix, o que significa carregado em se você quiser usar outras coisas. Então, se você está apenas importando hype, você tipo de obter os ossos nus que é necessário, a fim de Teoh para usar hype com processamento. Três. Se você quiser coisas extras como presunto usando um braço de piscina de cores usando um layout de grade, então você também tem que importar manualmente. A turma que lida faria o que quer que esteja tentando usar. A melhor coisa a fazer é entrar em exemplos e dizer, Ei, eu quero usar um oscilador. Então, se você olhar para todo marinheiro, você vai notar que eu tenho oscilador de importação. Isso significa que isso mantém a biblioteca do hype muito fina, enquanto antes, com o PTE exagerado, você estava importando tudo, mesmo que você não estivesse usando nada. Então isto é magro. Isto é mau. É muito mais eficiente uma biblioteca de processamento adequada. Importar as classes com as quais deseja falar. Eso de novo. Olhe para a pasta exemplos. Ele mostrará como estruturar as coisas. Além disso, se você olhar para este arquivo zip, você verá que todos os arquivos ar lá exatamente como eles estavam antes. Mas todos eles foram atualizados para apoiar esta nova estrutura. Vou fazer isso por todas as aulas. E eu obviamente vou usar essa estrutura para todas as novas classes daqui para frente. Espero que isso ajude a conversar logo. 2. Introdução: Tudo bem, uh, pensei em gravar um pequeno vídeo de introdução. Isto é programação de gráficos três pintura com som. E estou super entusiasmada com esta aula. Acaba por ter duas novas classes que eu realmente escrevi primeiro todos esses arquivos para textura, mapeamento e muitos controladores porque eu pensei, você sabe, eu vou mostrar a vocês como fazer esse tipo de visual que eu faço para para bandas quando eles vão em turnê . E eu escrevi todos esses arquivos e depois que foi feito de rodar os arquivos dele, eu pensei , bem , droga, nós provavelmente deveríamos cobrir o som primeiro, porque o som vai desempenhar um papel nessa classe. Então eu peguei tudo o que poderia deixar de lado, e na verdade rotear 42 arquivos para esta classe, que é chamado de Pintura do Som 42. A resposta para a vida, o universo e tudo mais. Coincidência? Provavelmente. - Não. Eu tentei desesperadamente pegar 42. Hum, e eu acertei. Acertei. Hum, incrível. Ouça, neste vídeo, neste vídeo, vou cobrir algumas coisas de limpeza, que é, hum, hum, eu trabalho numa biblioteca chamada “hype and hype”. É apenas uma ferramenta para ajudá-lo a fazer as coisas mais rápido, mais fácil e assim por diante. Mas confira isso. Na verdade, não cobrimos o hype até a compilação 17. Então, se você está apenas usando código de processamento direto, claro, é claro, esta classe vai ser super útil em torno da compilação 17. Vamos começar a apresentar alguns dos meus hype biblioteca, e as coisas vão ficar ainda mais incríveis. Hum, tão grande. Hum, incrível. 42 exemplos todos cobrindo som. Agora, hum, vamos usar uma biblioteca aqui chamada Minimum. E, hum, eu só queria salientar que algo está acontecendo com o processamento agora, que é a versão estável do processamento está processando 2 para 1. E agora, processamento três está em beta. Certo, claro, esses arquivos funcionarão em ambos os ambientes, mas há uma pequena mudança, que está no processamento de 2 para 1. A biblioteca de som que vamos usar chamado mínimo, foi na verdade incorporado no processamento 2 para 1. Então, se você olhar para a minha pasta de documentos e você olhar para o processamento de 2 para 1 e você vem para bibliotecas, ele está na verdade vazio. Você poderia realmente escrever um código mínimo e dispará-lo. Não há problema com a transição do processamento três, eles realmente retiraram o mínimo do processamento três. Então você vai notar se você olhar para documentos processando três bibliotecas. Eu realmente tinha que importar o mínimo, e eu fiz isso vindo. Teoh o processamento três I d. E. Você poderia vir para esboçar. Você poderia vir para a biblioteca de importação. E, claro, aqui você pode ver que eu já adicionei mínimo, mas você poderia dizer adicionar biblioteca e isso puxa para cima a pequena ferramenta de pesquisa biblioteca de processamento e bem aqui sob filtro, você poderia realmente escrever mínimo e instale-o você mesmo. Agora, já que ainda há algumas pessoas que não migraram para o processamento de três, na verdade vou escrever todo o código com o processamento de 2 para 1 em mente. Vou mostrar talvez um pouco mais tarde como processar três torna as coisas um pouco mais suaves. Então, idealmente, queremos que todos processem três. Mas novamente, o código para esses 42 exemplos funcionará em ambas as versões de processamento. Ok, ótimo. Haverá um vídeo em cada um desses builds, e esse vídeo específico estará falando sobre o código para essa compilação. E, hum, eu espero que isso seja super útil porque eu descobri que a maioria dos exemplos especificamente com o mínimo não são muito úteis para artistas visuais. Sabe, como você toca o som para tropeçar ou algo assim, ou para se mover em animação ou duas para fazer coisas que nós artistas visuais queremos fazer? Então descobri que alguns dos exemplos mínimos poderiam ser um pouco assustadores. Se estás a tratar da síntese sonora pela primeira vez, , fixe, vamos trabalhar com o mínimo. Especificamente, vamos trabalhar com F F F T, que é rápido para a sua transformação eso novamente. Isso encerra esse tipo de introdução de coisas que você deve pensar antes de começarmos. Hum, embora tenha havido melhorias no processamento três i d. E. Minha preferência pessoal é escrever código e texto sublime. Então esse é o ambiente com o qual me sinto mais confortável. Por todos os meios, você pode escrever código em qualquer ambiente com o qual você se sinta confortável. Hum, então eu vou estar escrevendo código em texto sublime para nós vamos ser usados no mínimo. Vamos usar FFT. Vamos usar o hype. E esperançosamente, através deste processo desses 42 arquivos, você vai encontrar uma maneira de realmente usar o som, hum, para sua vantagem visual. Tudo bem, eu vou te ver no vídeo para construir uma temporada. 3. Crie 01: Quem? Quem? Tudo bem, construa um. Certo, Certo, agora construa um. Eram apenas 30 linhas de código, e este provavelmente poderia ser o esboço mais fácil. Ah, para nós corrermos. Mas eu meio que quero explicar algumas das razões por trás do que estou fazendo. Então vamos trabalhar com o mínimo, e vamos trabalhar com FFT rápido para sua transformação. E o que isso vai fazer é pegar o áudio certo, que é ondas, e vai convertê-los em, hum, números, altos e baixos. E esse espectro de áudio é 256 bandas. Certo, então é um número entre zero e 55zero sendo a base A mais profunda e 55" sem música de cachorro. Uh, certo. Então você é baixo profundo e seus tweets altos, seus barulhos altos. Hum, então, em cima aqui na linha um. Eu disse que os meus intervalos de áudio são 256. Ok, agora, na verdade, eu vou fazer este esboço porque enquanto eu falar sobre este acordo, vai começar a fazer um pouco de sentido aqui. Então aqui, eu vou fazer o esboço e novamente, não há muita coisa acontecendo, e eu vou explicar o porquê. Então o intervalo de áudio é 256 e eu quero visualizar essa banda de 256 sons, uh, e eu quero que isso aconteça no centro da tela, mas eu quero um pouco de espaço de buffer em torno do meu esboço aqui. Então confira a linha cinco. Eu digo que a margem de estágio é 100. Então, se você olhar que está colocando ah, 100 pixels acima de 100 pixels abaixo de 100 pixels para a esquerda e 100 pixels para a direita. Então eu só tenho 100 pixels respirando espaço em torno de onde eu vou visualizar esta informação . OK, agora, uh, o quê? Estou visualizando essas 256 bandas. Quero uma vista. Cada banda é como executar pixel e, em seguida, como se eu quisesse um espaço de respiração pixel e, em seguida, a próxima banda, em seguida, um espaço de respiração pixel e a próxima banda. Certo, então online. Seis. Ao criar basicamente os esboços estágio com e altura do palco, certo, nu Uh, antes de fazer palco com vamos apenas ir e fazer altura do palco porque é é é é fácil altura do palco . Isto é 300. Por que são 300? Porque é 100 dos 100 melhores do fundo. E então essa visualização. Quero ficar dentro dos 100 pixels no meio. E vou falar um pouco mais sobre isso daqui a pouco. Agora, palco com eu disse Ok, eu quero meu áudio arranjado vezes também. Então está levando 256 vezes, também. E isso é porque eu vou fazer um espaço de pixel, um espaço de pixel, um espaço de pixel e assim por diante. Então eu estou pegando meu alcance de áudio e vezes por dois. E então eu estou dizendo, mais margem de estágio vezes dois, que é 100 pixels à esquerda e 100 pixels à direita. Certo, linha 11. Eu defini a cor de fundo e, em seguida, 15 a 18. Estou construindo o cenário. Estes são os esboços, construtor, e eu digo, Ei, Ei, tamanhos que estágio dentro da altura do palco que você acabou de calcular acima. E, em seguida, no desenho novamente, estou definindo a cor de fundo novamente. E aqui estou eu apenas definindo algumas linhas para visualizar as margens no espaço é ok. Agora você pode estar se perguntando, ok, isso é legal. Então você configurar isso aqui é a borda esquerda. Aqui está a margem direita. Aqui está a borda superior e aqui está a borda inferior. Mas essa borda inferior eu mudei a cor para laranja. Ok, agora meu objetivo é que nesta caixa bem aqui no centro dos olhos onde eu vou visualizar o áudio. E novamente, é um pixel art, um pixel space, um pixel art, um pixel space. Então isso é 2 56 vezes também. E eu quero individualização para começar nesta linha bem aqui, certo. Então eu basicamente vou desenhar um monte de linhas ou retângulos que eu ainda não decidi, que empurrou para baixo. Agora, a razão pela qual eu virei essa linha laranjas porque meu objetivo é olhar para essas 256 bandas e entender que essa linha é o ponto zero. Então, se a banda está nesta linha do que provavelmente é zero, então, essa banda não está transmitindo nenhuma informação de áudio, OK? E meu objetivo no final do dia, uma vez que passamos por alguns desses arquivos, é meu objetivo é obter um número entre zero e 100, certo? Então esta linha laranja aqui representa ah 100 pixels abaixo de onde o início, uh, é para essas caixas. Então você verá um pouco mais tarde, enquanto começamos a visualizar algum desse áudio, eu vou estar procurando por esse áudio para passar por essa linha laranja, e então vamos fazer algo chamado Normalização e normalizar o áudio através do espectro. E então o objetivo é é que eu quero ouvir o áudio dos dedos, e eu quero pegar esse espectro e basicamente obter números entre zero e 100 certo? E então, novamente, esta linha vai representar o eixo zero, e esta linha vai representar o acesso 100. Então eu vou estar olhando para esse espectro indo para cima e para baixo, e eu vou olhar para ele para estar atingindo esta linha laranja. Então é por isso que eu coloquei este laranja. Certo, então essa compilação de novo, não estamos fazendo nada de áudio, mas estou mostrando como estamos mapeando esse esboço. E uma vez que você se mudou para construir dois, vamos ver o processo deste se desenrolar. O envia este vídeo. Espero que você veja como tudo isso vai se juntar ao longo dos próximos esboços e eu vou vê-lo em construído para 4. Crie 02: Ok, aqui estamos nós e construídos para, hum e vamos andar um pouco mais longe neste caminho. Construir três é onde nós realmente vamos começar a carregar em algum áudio. Mas antes de fazer isso, quero construir estas caixas. E essas caixas são as coisas para as quais eu vou estar me expandindo. Visualize o intervalo de áudio. Está bem. Ah. Então vamos olhar para algumas das mudanças aqui no código. Audie arranjou 56. Ainda o mesmo estágio de margem com altura de estágio ainda o mesmo. Certo, então a linha 789 não mudou. Mas agora eu introduzi este novo enterrado seus cinco on-line onde eu digo tamanhos retangulares também. Certo. Então eu quero que essas caixas que eu construo sejam de dois pixels, ok, e então on-line de 11 a 13. Eu vou especificar onde essas bandas começam no eixo X, onde eles começam no eixo y. E, na verdade, qual é o espaçamento deles? Então linha 11 eu digo x, iniciar esta margem de estágio. Então, basicamente, ele vai começar em 100 no eixo X e no porquê começar também é margem de estágio. Então, basicamente, ele vai começar a desenhar que a primeira banda de banda zero do espectro em 101 100. Está bem. E então eu digo, Bem, o espaçamento X é tamanho de retângulo, então o espaçamento é de dois pixels. Então ele vai desenhar um para blocos de pixel do que espaço dois pixels. Essa caixa de pixels no espaço. Dois pixels. Lembra que eu disse que queria um espaço no meio. Lembra que eu disse que queria um espaço no meio. Decidi fazer isso com um acidente vascular cerebral, então vou usar retângulos, mas como o retângulo vai ter um traço preto em torno dele, você verá basicamente um pixel Phil. E então você tem o traço, que será esse tipo de espaço entre os pixels. Ok, configuração permanece a mesma, mas o sorteio Agora, eu removi algumas dessas visualizações de linha e deixe-me ir em frente e executar este esboço antes de começar a falar sobre a linha 29. Então, um, primeiro é na verdade, vamos olhar para as linhas 34 a 35. Só limpei a linha um pouco. Aquela laranja, a linha laranja da morte de novo. Essa linha representa onde eu quero que essas coisas passem, certo? Quero o meu para números entre zero e 100. Mostrarei em alguns esboços como chegaremos lá. Então, novamente, eu disse que a linha de curso é almoço, e eu apenas coloquei essa linha na margem. Faço isso, , 56 vezes, duas para a largura. Aqui e novamente, eu termino, hum, 100 pixels fora do lado direito. Agora, vamos entrar e olhar para isto. Eu tenho agora 256 caixas que são dois pixels de largura e altura agora, a fim de fazer algo um número definido de vezes. Claro, este é um loop de quatro. Então eu vou em frente e digo, um quatro loop run enquanto eu é menos de 256. Então eu sei que este quatro loop vai correr 256 vezes. Eu vou em frente e definir. Você derrame e Phil. Agora alguns de vocês podem estar perguntando, por que, em nome de Deus, colocaram o golpe e preencheriam dentro do loop quatro? Por que não colocá-lo fora do loop quatro? Você vai ver em alguns esboços mais tarde? Na verdade, eu vou fazer alguma codificação de cores, então eu vou procurar por bandas específicas no espectro e colori-las especificamente porque eu acho que é onde a ação de áudio está acontecendo. Então eu estou colocando realmente o traço e preenchimento dentro do loop quatro porque em alguns esboços adicionais aqui, você verá que nós vamos mexer com algum código de cores. Então, em vez de tê-lo fora do loop quatro e depois dizer que estou colocando no loop quatro em outros esboços, por que não apenas mantê-lo consistente? Então, novamente, eu defini o traço para preto, e eu coloquei o dedo do pé de preenchimento branco. Agora vamos olhar para este retângulo o retângulo aqui on-line 31. Claro, quando você está definindo um retângulo que é você pode usar para atributos X y largura e altura. Então eu disse que a exposição é X começar direito, que é 100 mais I vezes X espaçamento. Então eu vezes, também, porque o X espaçamento olhos Aziz Rex destroem tamanhos para agora. Claro, quando isso é executado pela primeira vez zero vezes +20 Então nós sabemos que o primeiro retângulo vai ser em 101 100. O próximo vai ser 1021 para o próximo vai um para 14 e assim por diante é que corre baixo os 256 itens. Ok, então, um, por que espaçamento é por que começar? Por que começar é 100. Então, de novo, sabemos que vai ser 100 pixels fora do topo e então procurá-lo com e gelo alto . Basta passá-lo tamanho repped, que, claro, é para Então ele tem uma largura de dois e altura para agora. Olhando para isso, isso é ótimo, porque agora eu tenho 256 retângulos. Ok, eles são todos dois pixels por dois pixels. E mais uma vez aqui, este é o retângulo zero. Então essa seria a base mais profunda. E aqui, estamos começando a entrar em música de cachorro. Estes são aqueles sons muito altos aqui do lado direito. Tão grande que acaba construído para construir três. Nós vamos olhar para, hum, importação mínima, importação mínima, olhando para um audiófilo, carregando esse arquivo de áudio e reproduzindo o arquivo de áudio vendo árvore construída 5. Crie 03: Então,antes Então, ficarmos chapados, Satanás. Vamos tentar de novo. Oi. Como você está? Construa três. de Antesdeescrevermos o código, carregar o dedo do pé em algum áudio. Preciso enviar uma quantidade enorme de amor para o meu irmão alemão de outra mãe, Ben Boysen, que também está sob a alcunha. para o meu irmão alemão de outra mãe, Ben Boysen, Heck, H e c Q Um, e ele tem sido realmente super incrível. E ele doou um monte de arquivos para eu ouvir para que eu pudesse, uh, dar-lhe um arquivo para usar em todos esses esboços. Ok, então, então, hum, definitivamente mande um pouco de amor para ele, porque isso foi super radical. Eu tentei pegar um arquivo que eu pensei que tinha um monte de bom alcance para ele. Um monte de base, um monte de tons altos que seria bom para trabalhar com. E vamos usar isso nos próximos 39 arquivos. Está bem. Então, Então, Ben, obrigado. Você é incrível. E, na verdade, tem tatuagens combinando. É o que você faz. É o que você faz tatuagens combinando com as pessoas que você ama. Hum tão incrível. Verifica o trabalho dele. E vamos usar uma faixa chamada com os anjos do álbum dos Avenger . Então, confira isso. Super, super legal. Certo, Certo, Ben. Obrigado. Olha para a construção três. Bill três, vamos carregar um arquivo de áudio. E notei que esse arquivo de áudio é um arquivo de onda. Ok, você vai ver na compilação oito. Vamos falar sobre a diferença entre a onda e a MP 3 e o quê? Isso é o que isso significa, uh, de áudio. Então, olha, nós temos uma pasta de dados e dentro dessa pasta de dados, nós temos um pequeno arquivo de texto adorável dizendo “Então eu te amo, mano” Certo? Super incrível que ele nos deixou ter este arquivo assim. Claro, há a maneira como o arquivo em si novamente. Chama-se “With Angels”. Este é, na verdade, um remix de The With Angel Song por Trifon IQ. Novamente, é meio que realmente se encaixa do ponto de vista do áudio, tipo de todas as coisas diferentes que queremos ouvir através do espectro. Então eu acho que é um arquivo muito bom, muito bom, claro, eu coloquei um pouco de J peg ferido, que eu acho que é radical. Bem, OK, então o mais importante é que dentro desse arquivo de dados é que temos este arquivo wave e deste modo arquivo. Se você olhar para a informação aqui em baixo, a taxa de amostragem é 44.100 e os bits por amostra de 16. Eu notei que o mínimo tem problemas com a reprodução de qualquer audiófilo. São 24 bits por por amostra. Eu notei que alguns dos arquivos que Ben me deu eram 24 bits por amostra e o mínimo apenas basicamente caga a cama, então eu pedi para Teoh convertê-los para baixo do pé 16. Então, novamente, taxa de amostragem 34.100 bits por amostra. 16. Tudo bem, vamos ver o código aqui. Então, eu só vou mudar isso sobre o topo on-line. Um que você está indo para dizer importação gdf dot mínimo ponto Asterix Asterix significa puxar na maioria das classes base para esta biblioteca on-line três e quatro linhas três. Eu crio uma instância da biblioteca mínima. Então eu digo mínimo é mínimo aviso que é um M maiúsculo em um M minúsculo e, em seguida, eu quero criar um objeto player de áudio nesse objeto player de áudio é o que vai nos permitir carregar em um arquivo de áudio e reproduzir esse arquivo de áudio. Então, repare online. Quatro, eu digo que o reprodutor de áudio é o meu capital de áudio A, uh, todo esse outro negócio permaneceu o mesmo. Isso é inalterado da construção também. Então eu vou pular a taxa sobre isso Agora olhe para as linhas 30 a 33. Foodie online. Quero disparar o construtor da biblioteca de minimos. Então, a fim de fazer isso, você diz mínimo é igual a novo mínimo, e então você aponta para isso. OK, então isso basicamente vai disparar os mínimos. Bibliotecas linha construtor 31. Eu vou dizer OK, bem, eu gostaria de carregar em um arquivo de áudio. Então, porque online quatro player de áudio é um meu feito esse objeto chamado meu áudio, eu digo que meu áudio é igual ao arquivo mínimo de carregamento de pontos. E aqui está o nome do arquivo que estou tentando carregar. Observe que, se ele estiver na pasta de dados, você não precisa especificar barra de dados e, em seguida, o nome da maneira como o processamento de arquivos entrará automaticamente em uma pasta de dados para procurar conteúdo. Portanto, observe que o arquivo de carregamento é apenas o nome do arquivo de maneira, e seu passado é uma string entre aspas. Agora online 32. Só te mostro algumas opções de jogo diferentes. linha 32 é o meu loop de ponto de áudio, então, obviamente, que é repetição de reprodução. Assim que a música estiver terminada, ela vai realmente começar a tocar de novo infinitamente. Certo? Então, se a música é um minuto a minuto, ele vai realmente repetir o áudio novamente. Olá, linha 33. Se você chamar meu aviso de áudio, eu tenho este comentado. Se você chamar meu áudio dot play que ele vai reproduzir o arquivo apenas uma vez, então ele vai começar. Jogue isso e, em seguida, depois que ele é feito, ele não vai repetir o jogo. Então eu coloquei esses dois comandos lá. Repare que vou em frente e usar a linha 32 que é o meu loop de áudio. Então ele só vai continuar jogando uma e outra vez e outra vez em vez de parar uma vez que chega ao fim. Agora, um, o sorteio Nada mudou as linhas 36 a 46 ou exatamente como eles estavam construídos para Nada mudou lá. Agora mínimo quer que você coloque esta função stop aqui na parte inferior. Você pode notar isso em alguns dos exemplos quando estiver examinando os exemplos mínimos dentro de seu processo na pasta da biblioteca. E isso simplesmente diz: “ Se você fechar o filme, vamos em frente e desligá-lo, certo? Então você está dizendo que o meu ponto de áudio está perto, então ele realmente fecha o reprodutor de áudio. Diz o mínimo para parar de fazer coisas relacionadas ao áudio, e então também chamamos um super ponto de parada. Então você verá na maioria dos exemplos mínimos. Eles querem que você coloque esta função no final, que apenas desliga tudo se e quando você fechar seu filme. Ok, então agora nada está acontecendo visualmente neste arquivo. Estamos literalmente carregando um arquivo de áudio e reproduzindo-o. Mas nada está mudando visualmente em nosso esboço. Então, se eu fizer isso de novo, , novo, você notará no esboço que nada está acontecendo visualmente. Mas nós temos, fato, carregado naquele arquivo de áudio, e estamos realmente repetindo a reprodução. Estamos movendo-o. Então este arquivo, vamos continuar a jogar e jogar e jogar até que realmente fechá-lo. E novamente se você ouvir o que está acontecendo espectro de áudio sábio, alguns bons soa incrível. Bases profundas. Temos uma bela armadilha. Você tem um pouco muito legal. Muito bem, vamos seguir em frente, Teoh, construir quatro e vamos realmente ligar este áudio a algo visualmente na tela vendo construído para. 6. Crie 04: Construir para, hum, construir quatro é onde nós vamos começar a amarrar essas duas coisas juntos. Então nós vamos estar olhando para esse áudio. Vamos tocar esse áudio. Vamos usar FFT rápido para sua transformação. E então vamos amarrar esse áudio aos nossos pequenos quadrados no topo. Então, estamos em construção para arquivo de dados. Nada mudou, Bill Dot PD. Então vamos em frente e abrir isso e você vai notar que, hum eu escrevi um monte de comentários aqui. Ok, então neste arquivo em particular, vamos introduzir algo novo, que é rápido para a sua transformação. Então, para fazer isso, vamos ter que incluir uma nova importação. Então você percebe on-line para ter dito importação gdf dot análise mínima ponto ponto ponto de Astra agora novamente ponto Asterix vai importar em todos os arquivos de classe que estão associados ID com análise. Certo. Então temos que adicionar uma nova importação para começar a fazer este negócio fft. Mentir quatro e cinco. Continua a mesma coisa. O mesmo que antes da linha seis. Nós introduzimos algo novo, então nós dizemos fft um nós vamos criar este objeto FFT e nós vamos chamá-lo de meu áudio fft. Está bem. Agora, eu tentei incluir alguns comentários aqui para que você possa olhar rapidamente para a sua transformação. Há alguma informação realmente grande sobre a Wikipédia para que você possa começar a olhar para o que a FFT faz e, essencialmente, é a sua tomada, um áudio? Isso está acontecendo com o tempo. É arquivo maneira e estamos convertendo em números foram convertendo em alguns números que podemos começar Teoh anexado a algum tipo de visualização de arte na tela. Tudo bem. Então, novamente, se você é novo na FFT, por todos os meios acessar os links da Wikipédia, há para que você possa ler sobre o que FFT é tudo sobre. Certo, Certo, claro, nada muda aqui. Tudo isso ainda é exatamente o mesmo que você pode ver aqui. Online de 58 a 60. Isso também é do arquivo anterior que está carregando na forma arquivo e linha 60 é Estamos fazendo loop que dessa forma. Arquivo. Agora online 62 63 vamos começar Teoh, ouvir e configurar nosso negócio FFT. Então on-line 62 eu digo que meu fft de áudio é um novo fft. Então eu crio um novo objeto FFT e ele quer saber para argumentos que quer saber buffer, tamanho e taxa de amostragem. Então eu disse que o tamanho do buffer é que vamos apenas olhar para o áudio. Vá ver o áudio e pegue o tamanho do buffer dele. E o segundo argumento diz: “ Bem, Bem, qual é a taxa de amostragem? E novamente, eu também digo, “ Ei, vá para esse meu objeto de áudio e obtenha a taxa de amostragem você mesmo? Então, quando estou criando esse FFT e me perguntam quatro tamanhos de buffer e taxa de amostra, estou simplesmente apontando para o meu objeto de áudio e obtendo o tamanho do buffer e a taxa de amostragem do próprio áudio. Agora linha 63. Há algumas coisas diferentes que você pode fazer aqui, e eu gosto das médias de Lynn, que são médias lineares. Há também médias de log, que são médias logarítmicas. Mas as médias de Lynn, eu acho, vão nos servir muito bem. Então eu digo que minhas médias de áudio fft dot Lynn são, uh, meu alcance de áudio. Está bem. E, uh, meu alcance de áudio, como você sabe, é 256 da aparição online 8. Está bem. E assim você pode ver um pequeno comentário aqui que isso vai calcular a média é agrupando bandas de frequência, literalmente direita. Mas eso aqui é agora nós não estamos realmente fazendo nenhum agrupamento estavam realmente olhando para cada banda individual no espectro, certo? Você vai ver onde isso vai entrar em Play em alguns esboços posteriores é talvez eu não quero ouvir cada banda individualmente, como banda zero banda, uma banda para banda três. Talvez eu queira agrupá-los assim, como agrupar a base, agrupar os tons médios juntos e agrupar os tons altos até lá em diante. Então você vai ver onde essa média de Lynn vai mudar em alguns esboços posteriores. Neste momento, estamos a ouvir todas as bandas do espectro, por isso está a dar-nos a média linear para todas as 256 libras. Tudo bem, vamos descer para a, uh, para a uh, função de desenho, e você pode ver logo antes do nosso quatro loop Hum, nós executamos um avanço em nosso FFT. Então, a linha 71 diz que meu áudio FFT avançou meu mix de pontos de áudio e novamente eu coloquei um pequeno comentário aqui. Eu só disse executar um prefácio fft nas amostras no buffer misto áudio Note que se o áudio fosse arquivo amano que este seria o mesmo está usando ponto de áudio esquerda ou ponto de áudio direita, Ok, então nós vamos chamar um avançado sobre o FFT antes de realmente fazer nossa pequena visualização aqui. Tão grande. Agora temos isso para o loop. Este ciclo mundial é onde temos anexado todas as nossas caixinhas no topo. E a diferença é que agora vamos criar esta nova flauta e que é uma média de índice de temperatura. Certo? Tão sensato. O grupo comum de Joe igualmente números de bandas de frequência adjacentes enfraquecem simplesmente lindamente. Calcule quantos pixels com alta cada elipse média deve estar novamente. Eu não usei os lábios, então vou mudar isso para destruído. Hum ótimo. Então, indie on-line, eu digo temporário. Está flutuando. média do índice temporário é igual ao meu áudio. FFT obter a média do subitem I então obter a média de zero. Obter a média de um, obter a média de dois todo o caminho até 255 Agora eu fiz um pequeno ajuste para o retângulo direito. Então a exposição ainda é a mesma. A posição Y ainda é a mesma. O chicote ainda é o mesmo. É com o tamanho ainda destruído, que, que, claro, acima você vai ver que é que O que mudou é a altura do retângulo, e a altura do retângulo é agora esta nova média de índice de temperatura. Ok, então isso agora está amarrando a altura de nossos retângulos à média linear de cada faixa do espectro. Então vamos em frente e executar este esboço. Está bem? Então, o que vemos aqui? Caminho, obviamente. Agora, veja, os retângulos estão expandindo sua altura baseado no, uh, o que ele ouve do áudio. Vou deixar isto correr um pouco, para que, que, especialmente quando está um pouco quieto aqui no começo, e agora vai se acumular. Bem, assista mesmo. Tão grande. Não é o que eu esperava, certo? Não é o que eu esperava, Acaba que eu só vou baixar o áudio um pouco aqui. Hum, não é o que eu esperava. Na verdade, você sabe, eu estava realmente esperando que todo esse áudio fosse expandir além dessa linha laranja , mas realmente parece que apenas as primeiras bandas do espectro realmente passam Isto, esta linha laranja. Então, uh, termina que quando você faz, uh, nas médias fft Lynn e você obtém a média de cada banda, você vai ver esse tipo de inclinação onde a primeira parte do espectro, você vai obter algumas grandes informações e que ele realmente diminui. E parece que quase nada está acontecendo neste lado do espectro. Então o que preciso fazer agora é descobrir uma maneira de amplificar o áudio para que quando amplificar esse áudio, veja muito mais ação passando por essa linha laranja. Então o que preciso fazer agora é descobrir uma maneira de amplificar o áudio para que quando amplificar esse áudio, , Então eu preciso descobrir como lidar com aquele pervertido e novamente, você verá isso nos próximos esboços. E agora eu preciso descobrir como amplificar esse áudio para que os dados numéricos que eu estou recebendo quando eu digo amplificar eu não estou falando sobre o áudio real que você aqui. Estou falando dos membros que estou recebendo. Eu preciso amplificar os números para que eu veja algo muito mais drástico do que isso. Então note que se você não fizer qualquer amplificação, se você estiver literalmente, uh, uh, falando com a FFT obtendo essas médias de Lynn e, em seguida, obtendo uma média Na verdade, os dados numéricos são bem pequenos. Então eu preciso descobrir como amplificar essa informação de áudio. E eu também preciso descobrir como lidar com essa curva da informação do número FFT , mas ótimo, pelo menos neste barco quatro esboço temos áudio plano maneira FFT rodando, e nós temos FFT nos dando número dados, e estamos atribuindo esses dados numéricos à altura da direção. Então, estamos vendo algo, mas não está certo onde eu preciso que esteja. Então, vamos continuar a construir cinco e continuar a caminhar este progresso no próximo. 7. Crie 05: e construir quatro. Discutimos isso. A informação numérica que estamos recebendo é muito pequena é muito pequena e construir cinco. Vamos Teoh, Teoh, pense nessa ideia de amplificação. E então, se vamos construir cinco, uh, vamos em frente e abrir. Aqui fala Bill PDE. E, um, muito disso ainda é o mesmo. Uh, você vai notar aqui. Eu online 10. Eu introduzi um novo flutuador, e eu disse que meu amplificador de áudio é igual a 20. Seja qual for a informação numérica, quero multiplicá-la por esta amplificação de áudio. Seja qual for a informação numérica, E novamente apenas para reiterar, eu não estou falando sobre a amplificação real do áudio. Ouviu? Estamos falando sobre a amplificação da informação numérica que estamos recebendo da FFT . Ok, então linha 10 meu amplificador de áudio para amplificação é igual a 20 novamente. O resto dessas variáveis permanecem as mesmas. A configuração, nada mudou na configuração. Isso é exatamente o mesmo que ele waas. Na compilação anterior onde estamos carregando na forma como o arquivo estava looping o arquivo caminho. Estamos criando um objeto FFT e obtendo as médias lin do objeto FFT agora no sorteio . Apresentei algumas coisas novas. A primeira coisa é, é que eu só vou pular o loop quatro aqui por um segundo, porque você vai ver que, porque você vai ver que, na verdade on-line 56 57 on-line 56 Eu mudar a cor do traçado para um azul azul-cerco e online 57 Eu criar um ocupado um curva. Espero que isso ajude a visualizar o que eu estava falando no arquivo anterior, que é F 50 tem uma inclinação para ele. Espero que isso ajude a visualizar o que eu estava falando no arquivo anterior, que é F 50 tem uma inclinação para ele. isso Espero que ajude a visualizar o que eu estava falando no arquivo anterior, Tem um ocupado uma inclinação para ele que havia uma grande quantidade de bons números no início . E à medida que prosseguia através das bandas do espectro, eles lentamente diminuíram. E aquela maçã inteira, como se nada estivesse acontecendo. Então eu pensei em criar uma curva um pouco ocupada lá apenas para nos ajudar a visualizar como a informação F f t realmente se parece. Tudo bem. Outra mudança é a linha 49. Então, no arquivo anterior, aquele flutuador para a média do índice temporário era apenas o meu ponto fft de áudio Obter média no subitem. Eu escrevo assim 01234 Aqui é onde eu estou dizendo, Multiplique isso pela minha amplitude de áudio, que neste caso é 20. Então vai pegar os dados numéricos que estamos obtendo e multiplicá-los por 20. Vamos aumentar os números agora, veja o que acontece quando eu rodar este sketch. A primeira coisa que quero abordar é esta linha azul. Vês, disto que eu estava a falar. Se você está olhando para essas caixas brancas, você pode realmente ver que há uma espécie de inclinação para esse número. Informação, certo. É muito robusto no começo. E então ele apenas lentamente tipo de exponencialmente começa a inclinar-se para, uh, não bons dados numéricos para trás. Certo, então, tão legal que mover vinho, pelo menos, só nos ajuda a visualizar o que esse tipo de inclinação FFT parece . OK, mas agora confira. Agora estamos obtendo uma representação muito melhor do áudio adicionando essa amplificação de áudio , pegando essa informação numérica e multiplicando-a por 20. E quando eu faço isso, eu sou capaz de ver muito mais informações. E eu também estou vendo que muitas dessas linhas estão quebrando aquela linha laranja que está 100 pixels fora, certo? Porque novamente, vou reiterar isso de novo, eventualmente. Quero olhar para o espectro e obter um número entre zero e 100. Então, o fato de que eu vejo alguns desses ultrapassando 100 é realmente uma coisa boa que você verá no próximo enquanto nós vamos restringi-lo para que nós só temos um número entre zero e 100 agora, zero e 100 agora, eu estou apenas verificando se que a data numérica está realmente excedendo o passado que aquece a linha ,o que em muitos casos é, , mas maneira nem sequer abordou essa inclinação ainda. E nós vamos abordar isso em um par de esboços na estrada onde vamos tentar normalizar para que nós não estamos realmente tendo uma inclinação foram realmente panificação tipo da mesma informação de som inteiramente através do espectro. Então não há um meio-fio. Há o mesmo tipo de informação de áudio acontecendo em zero que também poderia acontecer em 55. Certo? Tão legal. Estamos ficando um pouco mais adiante neste processo, esse progresso. Hum eu vou vê-lo na próxima compilação onde vamos lidar com restrições contra isso 8. Crie 06: Esta é a compilação número seis. E, hum, nós vamos fazer algo e construir seis. Que eu vou invadir imediatamente a construção sete porque nós somos loucos assim. É o que vamos fazer. Mas construir seis, pelo menos, introduz uma ideia de que de novo, vamos quebrá-la, construir sete. Mas vamos voltar para mais tarde. Então vamos apresentá-lo em seis. Vamos falar sobre por que é incrível. E então vamos dividi-lo nos próximos dois arquivos só para voltar a ele. Porque, em última análise, queremos chegar a esta ideia que introduzimos para construir seis . Então, Então, vamos em frente e abrir. E quase tudo é idêntico, exceto por duas mudanças e as mudanças estão aqui no exceto por duas mudanças e as mudanças estão aqui no vinho 51 52. Então on-line 50. Introduzimos esta amplificação de áudio, certo? Nós dissemos, obter os dados f t A, obter a média para cada uma das bandas no espectro e multiplicá-lo por 20. Certo? Então, a Linha 50 estava amplificando os dados numéricos que estávamos recebendo. Mas lembre-se que eu disse que nosso objetivo é conseguir um número entre zero e 100. E essa linha laranja representa os 100. Sim. Então vimos que um monte desses retângulos estavam ultrapassando aquela linha laranja, o que era legal. Poderíamos olhar para aquele arquivo e ir “Incrível”. Vejo que a amplificação é legal porque muitos desses retângulos estão ultrapassando aquela linha laranja. Então, online 51 introduzimos um novo carro alegórico, e dizemos, hum, indo Na verdade, isso não é verdade. Sim, adicionei uma linha. Aparece no topo, meu áudio, máximo. E novamente, estou tentando obter um número entre zero e 100. Então eu coloquei que meu áudio máximo igual a 100. Sim, e isso vai entrar em jogo naquela linha 51. Então meu áudio máximo é igual a 100 porque meu objetivo é obter um número entre zero e meu áudio máximo, que é 100. Tudo bem. Descendo a linha 51 porque esqueci essa variável. Linha 51. Eu introduzi um novo flutuador, e eu digo um índice temporário Khan para restrições, e nós realmente vamos chamar processamento é restrito. E o que restrição permite que você dialogue é passado três argumentos. O primeiro argumento é que tipo de informação está chegando. E então os próximos dois argumentos são: Quais são os homens no máximo? Tão pouco meu constrangimento Isso também. Certo. Então eu entendo que algum áudio e algumas informações de áudio estão chegando, e, uh, esses números de áudio podem ser maiores do que eu preciso que eles sejam. E talvez eu queira esmagá-los ou restringir-lhes dois homens e um máximo. Então eu digo: “ Legal”. Vamos restringir a coisa que está chegando. Esta é a média do índice temporário, qual é o FFT? Obter média vezes 20 vezes que, uh, essa amplificação. Ok, eu sei que o número vai passar dos 100. Estou dizendo que os homens são zero e o máximo é o nosso áudio máximo de 100. Ok, então agora essa informação está chegando. Mas agora estou quebrando para um número entre zero e 100. Então, sim, eu sei com certeza que esses números vão além disso, mas estou forçando um teto para essa informação numérica. Tudo bem. E depois o quê? Eu mudei online. 52 é a altura do retângulo não é mais a média do índice de temperatura. Agora é índice temporário. Então, novamente, eu sei que esse retângulo vai ser uma altura entre zero e 100. Então, agora, se eu rodar o esboço, você deve notar que ele é quase idêntico ao conjunto anterior. Exceto que esses retângulos estão nos dando informações numéricas. Estou a dizer que não podem ultrapassaromeu áudio máximo, que é 100. Estou a dizer que não podem ultrapassar omeu áudio máximo, que é 100. meu áudio máximo, Então eu faço. Isto é uma janela para onde vamos chegar mais tarde, o que é isto é fantástico. Eu posso carregar de certa forma, arquivo. Posso amplificar essa informação numérica e, em seguida, restringir seu mínimo e máximo. Então, neste caso, hum, hum, eu estou recebendo números entre zero e 100 agora, uh, nós não abordamos a inclinação. Você vai notar que essa linha azul ainda está lá e novamente, você ainda está vendo que os retângulos de ar realmente aderindo a essa inclinação. Então, no próximo arquivo, eu quero falar sobre normalização. Como faço para obter essa informação de número FFT em Como posso amplificá-la? E então como eu tentei eliminar essa inclinação? Como faço para tentar torná-lo normalizado? Então esse zero está me dando um número entre zero e 100 subitem para 55 está me dando um número entre zero e 100. Como você normaliza os números para que eles estejam me dando o mesmo número consistente em todo o espectro. É onde realmente queremos chegar. Mas novamente, nesta próxima compilação, nós vamos realmente quebrar restrições. Nós vamos. Nós vamos nos livrar dele. Mas eu estou apresentando aqui porque você pode ver em alguns esboços posteriores assim que resolvermos normalização, hum, nós vamos querer restringi-lo novamente. Então é bom que talvez falar sobre constrangido. Agora saia dessa. Trabalhar neste conceito de normalização, só para introduzir restrições mais tarde. Então, novamente, esta é uma boa janela para onde estamos tentando chegar, que é ouvir áudio, obter esse número, dados, dados, amplificar esses dados numéricos e limitá-los a um mínimo de machado. E mais tarde isso seria tão fácil de ligar à animação para anexar a uma ampla gama de propriedades porque somos mineração numérica. Três espectro inteiro ligado. Estamos olhando para obter um número entre zero e 100. Ok, isto termina esta construção, espero que outra vez. Você pode ver o progresso e eu o verei na próxima compilação. 9. Crie 07: construir sete. , Esse aqui, tem um monte de coisas que temos que cobrir. Isto provavelmente vai ser um vídeo longo. Sete foi marcado como verde, , aqui porque esse tipo de representa um ponto em que Oh, meu Deus, todos os componentes que precisamos ou tipo de lugar neste arquivo e esta compilação sete também representa uma espécie de como meu ir para arquivo quando eu estou carregando em um novo arquivo de áudio . Eu provavelmente vou carregá-lo nesta compilação sete porque este construído sete meio que me ajuda a ver onde toda a informação do número está em e apenas me ajuda a vê-lo eficientemente. Então eu vou fazer algo mais tarde na estrada. E alguns desses esboços constroem sete é uma espécie de pegada perfeita de, de onde eu preciso estar com toneladas audiófilas específicas para cobrir. Há também alguns P e G aqui, que vão mostrar janelas, sobre as quais vamos falar. Esse é o fim disto, o fim desta discussão. Então, homem uma tonelada para cobrir neste esboço, ok? E a primeira é a ideia de tentar normalizar o áudio, certo? Tenho falado sobre isso agora por alguns esboços. Constrói de casal. Colocamos ele tão ocupado uma curva para representar como os dados do número FFT se parecem. E eu quero fazer o inverso disso. Então, no início do espectro, eu queria ser meio suave, e então eu queria ficar mais amplificado para trás. Então eu quase quero fazer o inverso de que Ocupado a para os dados FFT para que eu estou recebendo tipo da mesma quantidade de números em todo o comprimento do espectro. Então, como vou fazer isso? Então, amor no topo, eu introduzi três novas variáveis. Ok. Então, essencialmente, o que eu quero fazer é que eu quero Teoh, hum, meio que invertido essa curva ocupada. Então, sim, eu entendo que um número está chegando e eu estou amplificando vezes 20. Mas também quero amplificar cada banda individual. Dessa forma, não só amplificando o espectro geral em incrementalmente amplificando cada banda para que esse número fique maior e maior e maior e maior, maior em toda a faixa do espectro. Tudo bem, vamos fazer isso. Uh, linha 12. Por onde começar? Então eu criei essa coisa chamada meu índice de áudio online 12. E eu digo, Ei, meu índice de áudio, vamos começar com um número como 0.5 Esse é o ponto de partida. Ok? E então eu tenho este próximo float online 13 que é o meu índice de áudio. Amp, vou amplificar e reparar. Eu digo, ei, imediatamente, vai buscar o meu índice de áudio. Então minha amplificação de índice de áudio também é igual a 0,5 Mas como você pode imaginar, vamos incrementar uh, meu amplificador de índice de áudio Bem, quais são os passos que estamos indo amplificar meu índice de áudio? Amplificador. E essa é, na verdade, a próxima gripe. Então, a linha 14 diz que a minha etapa de índice de áudio é 0,25 Então, basicamente, eu vou multiplicar, hum, o passo incrementalmente para a amplificação. Certo? E mais uma vez, você vai ver lá embaixo no esboço. Eu incluí uma pequena coisa para que você possa realmente visualizar como estamos amplificando através do espectro. Você vai vê-lo um pouco mais para baixo hum, eu realmente mudei linha 22 Stage altura direita foi 300. Quero fazer 700. Então eu tenho um espaço muito maior na parte inferior do meu esboço para que eu pudesse realmente ver o que está acontecendo. Porque, como eu disse na construção anterior, vamos Teoh, desligue a restrição. Na verdade, quero ver o que se passa antes de o restringir. Vou restringi-lo mais tarde em alguns esboços, mas na verdade preciso do dedo do pé para ver o que está acontecendo. Então eu abri a altura do palco para ser um pouco maior para que eu possa realmente visualizar o que está acontecendo agora. Dentro de sente-se. Há uma mudança, e, hum, eu vou resolver isso. Ah, um pouco mais tarde, e isso é executar uma janela em seus dados FFT e janela é como um filtro. É como filtrar o áudio, mas voltaremos a isso, então pule isso, mas isso é além disso. Mas a única adição a configurar é de chamadadejanela do FFT. Ok, então vamos descer para, uh, desenhar. Tudo bem. Uma coisa é que vou fazer algumas mudanças na forma como esta coisa pinta. Então, repare online. 66. Eu comento a cor de fundo. Na verdade, não quero limpar a tela. Eu quero continuar pintando para a tela para que eu esteja vendo, uh, tempo certo. Então, em vez de limpar o tempo, estou deixando uma espécie de impressão digital do tempo. E isso me permite ver o que aconteceu com o áudio sobre a operação do áudio em todo o espectro. Então eu não vou limpar fundo, então eu comento esboço 66. Isso também significa que eu vou fazer apenas um pequeno ajuste para a minha cor de preenchimento. E o que eu estou fazendo aqui é que eu estou dizendo que a cor de preenchimento é branco, mas é Alfa é apenas cinco. E o que eu estou fazendo aqui é que eu estou dizendo que a cor de preenchimento é branco, Então vai ser muito branco mínimo. E porque eu não estou limpando o fundo que vai lentamente se acumular e lentamente se acumular lentamente, e assim ele vai ficar mais branco e branco e mais branco em áreas onde ele mantém, você sabe, você sabe, pintando sobre si mesmo. Então eu também mudei a cor de preenchimento apenas dedo do pé tem o duvidoso de branco em vez de 2 55 assim 2 55 seria branco para 55 é Alfa. Então eu estou dizendo para 55 5 para o Alfa. Ok, hum, eu vou pular a linha 73 porque eu vou te mostrar online. 74? Sim. Na verdade, comentei constrangido. Eu não quero usá-lo neste esboço em particular. Isso também significa na linha 75 que eu reverter para usar a altura dos retângulos para a média do índice de temperatura de volta para este número em vez de restrita. Agora, vamos dar uma olhada rápida aqui em uma média de índice temporário porque eu modifiquei isso um pouco. Eu disse que eu embrulhei entre parênteses nesta primeira parte, que é, hum, meu áudio fft obter média, multiplicá-lo pelo nosso amplificador, que é 20. E então eu digo: “ Legal”. Vamos também multiplicá-lo pelo meu amplificador de índice de áudio, certo. Então eu vou rolar de volta para o topo novamente, e você vai notar que é este número bem aqui. Meu amplificador de índice de áudio, não o passo, não a base, que é meu índice de áudio. É o meu índice de áudio, AMP que sim, pela primeira vez, é 0.5 Cool. Ok, então, uh, esta média de índice temporário online 73 está agora multiplicando o índice a amplificação de índice individual . Ok. Agora, uh, eu vou pular algumas coisas porque, uh, uh, aqui em baixo on-line 81. Ah, aqui é onde estamos intensificando a amplificação do índice. Então eu digo que meu amplificador de índice de áudio Plus é igual a minha etapa de índice de áudio. Isso significa em si mesmo. Além disso, uh, passo de índice de áudio. Agora que a etapa de índice de áudio é incremental cada vez por 0,25 Então, à medida que você se move para baixo, a etapa direita do índice é adicionar-se a cada um dos subitens. Então está ficando maior e maior e maior e maior e maior e maior à medida que se move através do espectro. Então não só você amplifica o espectro como um todo, mas você está amplificando individualmente cada índice à medida que ele vai mais abaixo do índice. Certo, Porque queríamos obter roteador em números para a parte de trás, direita para 2 55 mais silencioso em direção ao zero frente. Certo, porque tínhamos aquela curva que já mostrava que era meio barulhento na frente e afunilado na parte de trás. Ok, então taxa de foguete aqui em baixo, online 81. Estou mais igualando minha etapa de índice de áudio agora, depois que isso acabar, eu reiniciei direito, porque ele precisa construir, construir, construir, construir. Estou mais igualando minha etapa de índice de áudio agora, depois que isso acabar, eu reiniciei direito porque ele precisa construir, construir, construir, construir, Mas faz isso cada vez no sorteio. Tão online. 83 eu digo. OK, sim. Tenho que começar de novo. Então, minha Índia, eu estou tentando o meu melhor aqui meu amplificador de índice de áudio é igual ao meu índice de áudio então se redefine de volta à sua base. A configuração nessa configuração base é 0.5 Então amplifica no loop de quatro. E depois que o loop quatro terminar, preciso reiniciá-lo para sua base. Porque se eu não fizesse isso, que mais é igual a ele iria continuar ficando exponencialmente maior e maior e maior e maior e maior cada vez que atrai correr. Não, eu só queria fazer isso no loop quatro, e então eu queria redefinir a si mesmo quando o desenho é executado novamente para que o loop for esteja basicamente recebendo exatamente a mesma amplificação de índice única cada vez. Então, novamente, após este quatro loop aqui é terminado, eu redefinir o amplificador de índice de volta para sua base, que é que 0.5 Então meu índice de áudio AMP. É igual ao meu índice de áudio. Ok, hum, agora eu fiz algumas outras coisas aqui. Isso de novo, vou ter a ver com a janela. Vamos fazer backup de tudo resolver isso em um minuto. Então agora você entende por que coloquei o derrame e preenchi dentro de um loop 4 porque, uh , aqui, online 77 a 79 eu queria ajudá-lo a ver esse passo acontecendo, certo? Então eu coloquei um novo derrame. As cores do traço verde. E eu disse: “ Não, Não, Phil. E eu vou traçar algumas linhas. E novamente, esta linha 79 é enorme. Mas o que está fazendo é criar linhas com dois pixels e com, mas eles estão anexando o eixo y em relação à amplificação. Ok? E isso vai ser melhor ilustrado quando eu realmente executar o esboço. Então vamos em frente e executá-lo. Agora, vamos esquecer a asa da janela e todas essas outras coisas. Hum, é bom agora porque, uh, o que essa linha cresceu agora representa é onde amplificar o áudio através de todo o espectro . Mas também estamos amplificando cada índice individual através do espectro, e assim você pode ver no início aqui, uh, eu não estou adicionando qualquer aplicação em tudo. Mas então cada vez que esse índice continua crescendo e crescendo e crescendo e crescendo e crescendo e crescendo modo que eu estou basicamente fazendo como uma curva inversa. Agora, a razão pela qual eu deslirei a linha 66 bem, para que eu pudesse ver o que está acontecendo com o áudio ao longo de sua duração. Certo? E agora veja isso. O fato de que esse tipo de ... digamos que parece que chove esta chuva. Hum, sim, há alguns casos em que há certos índices no espectro em que se torna bananas. Olhe para este. Este pulou todo o caminho até aqui. No entanto, meu sentimento geral sobre isso é incrível porque esse tipo de folha de chuva, esse tipo de folha de verde, é cortado. É a mesma coisa, porque olha para isto. Como se eu começasse aqui e puxasse meu mouse para o outro lado, isso é radical. Isso é lido que todas essas linhas, quanto estão empurrando para além desta linha laranja, e eles estão fazendo isso um pouco divertido que frouxa, um pouco uniformemente, certo? Então eu estou vendo esse tipo de vale branco um cruzado uniformemente. Alguém que não seja perfeito de novo. Alguém vai saltar mais do que outros. Mas está tudo bem. O fato de que se eu mover meu mouse preso por esta área aqui, sim, sim, com exceção de aqui atrás, o fim muito, muito, muito, e isso tem a ver com o caminho do arquivo Não há apenas um todo muita informação de áudio todo o caminho na extremidade traseira deste espectro. Mas, em suma, isso parece ótimo, porque as informações de áudio estão se mantendo bastante consistentes em todo o caminho. E ele meio que está me dando uma folha que é um pouco normalizada. E novamente, esta linha verde está representando essa normalização. Está representando a amplificação de cada índice em todo o espectro. Incríveis cinco altos, cinco altos. Todo mundo 0,2 pessoas piscam. Então, o que as celebridades fazem. Ah, isso é ótimo. Então, estamos recebendo as informações da FFT. Estamos amplificando tudo isso é uma vez 20, mas então nós estamos individualmente amplificando cada embaixada do espectro como um número maior à medida que ele se move através. Legal. Agora vamos tratar de algumas das outras coisas. Aparecem na linha 47. Eu coloquei um bom link para a Wikipédia para ganhar fazendo. E se você olhar para a janela da página da Wikipédia é ótimo. Permite-lhe. Teoh basicamente tipo de fazer como o que eu vou dizer é como um filtro no áudio. E há uma tonelada de janelas diferentes que você pode olhar e todas elas são nomeadas de forma diferente. Então você tem, tipo, uma janela retangular, uma janela triangular. Welch mão Haughn, no entanto, ele martelando homing tomate. Vamos ligar de qualquer maneira. Ótima ligação do dedo do pé olhar para, hum, função de janela. Certo, e acaba no mínimo. Tem alguns filtros de janela embutidos certo? Tão online. 62. Neste caso em particular, estou dizendo, não use um , filtro de janela no áudio, mas você pode ver que eu coloquei alguns links. Há o bar DeLaet. Ali está o Blackman. Há sinal de co-sinal. Há Ghazi em Hamming Hawn, triangular e assim por diante. Então você pode realmente aplicar um filtro ah para o áudio, que irá mudar muito minimamente. Isso mudará o tipo de números FFT que você está recebendo. Sim, agora de novo, eu disse para não fazer nada. Hum, mas eu fiz algumas coisas aqui em baixo, que é que eu queria ser capaz de salvar essas imagens. O que eu queria fazer era, uh, assinar um filtro. Deixe todo o áudio reproduzir, e depois disso, áudio é feito jogando basicamente enviar uma imagem salva que mostra a representação de toda a música ao longo de toda a duração da música e salvá-lo como um PNG za. Então, Então, uma coisa que você vai notar com isso é que on-line é 88 a 91? um Eu só coloqueiumtexto de processamento que iria cuspir o filtro que eu estou ouvindo no momento , então você pode ver aqui sob texto, eu coloquei janela fft none. E, em seguida, olhar para este online 93 a 97. Eu coloquei isso Bem, deixe-me apenas recuar antes que eu fale sobre isso. Eu fiz um ajuste aqui online 40 onde eu não estou fazendo loop o áudio mais. Eu só estou jogando de uma vez, e quando está feito, está feito. E a razão pela qual eu fiz isso é para aqui na parte inferior online 93 a 97. Eu coloquei se declaração que acabou de dizer Se o meu ponto de áudio está jogando retorna falso. E é isso que o pequeno ponto de exclamação ou estrondo está na frente dessa chamada de função é, enquanto o áudio está tocando, ele estará passando verdadeiro. E então, na verdade, quando o áudio estiver pronto, ele passará falso. E se passar falso, sei que o áudio automático não está mais sendo reproduzido. Então vou em frente e digo: “ Salve a moldura”. Dei-lhe um nome específico e depois saio ou saio do esboço, certo? Então, se você tocasse isso todo o caminho, deixe o áudio tocar todo o caminho, ele vai realmente salvar fora do PNG e sair do seu esboço. Agora eu vou minimizar isso muito rápido porque eu realmente salvei P e G para todos os diferentes tipos de filtros de janela que você poderia realmente aplicar a este áudio. E se eu abrir isso aqui, você verá o relógio. Vory Este tipo de vale branco muda, certo? Então não há nenhum direito. E à medida que corro estes, posso ver como estou filtrando ou comprimindo essa informação numérica. Então, em alguns casos, Ghazi pode ser perfeito novamente. Olhe para isso Sim, eu entendo que alguns desses picos avançam, mas novamente, como, como, olha para onde eu estou movendo meu mouse como grande aqui. Isso é incrível. Porque eu estou tendo essencialmente o mesmo tipo de, uh, picos, altos e baixos em todo o espectro. Porque aplicámos esta linha verde, aplicámos esta amplificação de cada indivíduo, um, banda através do espectro. Uau. Muito bem, muito para assimilar. Mas construir sete é incrível porque ele realmente representa uma espécie de impressão digital do áudio durante sua duração de reprodução. E isso significa que cada audiófilos diferentes algum áudio vai ser mais grave. Alguns podem não ter um monte de base e alguns podem ter alguns sons mais altos arremessados. Então o número sete realmente é meio que. Foi por isso que marquei verde. Ele representa um arquivo onde eu posso carregar em um pedaço de áudio. Eu posso definir o que eu quero que a amplificação de áudio seja para normalizar o áudio e , em seguida, levá-lo para um lugar onde eu possa olhar para isso e ir Sim, que realmente parece normalizado em todo o espectro. Então construa sete de novo. Está marcado, está destacado porque este é um ótimo lugar para começar a experimentar, carregando em diferentes tipos de arquivos wave. Está bem, vou desligar isto. Bill Date é realmente vai abordar esta idéia de por que arquivos maneira. Por que estamos usando arquivos? Portanto, é onda versus MP três e entender o que a compactação MP três faz e o que a compactação MP três faz especificamente para nossos dados de número FFT. Então construa sete. Adorando isso. Te vejo no prédio. 10. Crie 08: Então, aqui estamos nós. Construir oito, que é Ah, arquivos rave contra MP três. E por por que estamos usando arquivos? Hum, por que não estamos usando MP três? Bem, uh, um MP 3 é um formato de áudio comprimido. E nós dizemos isso e, você sabe, você ouve as pessoas falar sobre, como, você sabe, MP três, você sabe, qualidade não é tão boa é como um toca-discos ou um comprimido arquivos de áudio. Eso foram Nós temos usado arquivos wave porque realmente os arquivos são un compactados. de Arquivosde áudio. Agora, nesta compilação, é mais sobre as imagens que eu gerei do que é o próprio esboço. Porque o que eu fiz é que eu mostrei a diferença entre eu estou comprimido e, uh,áudio comprimido. Porque o que eu fiz é que eu mostrei a diferença entre eu estou comprimido e, uh, Ok, então, dentro da pasta de fotos de dados, você verá que há nosso arquivo inicial de onda que estamos usando. Mas há também, um, um, cinco MP três arquivos, e eles estão pegando esse arquivo e renderizando-os para, uh, para MP três e uma taxa de bits específica. Então você verá aqui que temos um novo MP três a uma taxa de bits de 128. Ah, uma taxa de bits de 1 60 uma taxa de 1 92 uma taxa de bits de 2 56 e uma taxa de bits de 3 20 Agora é importante perceber que muitas configurações padrão em ripar CDs para MP 3 é na verdade 1 60 Isso é na verdade em muitos casos. É padrão para muitos , CDs que você provavelmente converteu para MP três,a menos que você tenha entrado e mudado para uma taxa de bits mais alta. A maior parte do tempo, pelo menos para mim. Muitos dos CDs que gravei ao longo dos últimos anos notei que taxa de bits padrão é de 160. Isso é uma questão importante aqui. Então vamos verificar isso de novo. Realmente? Estes p e G são o foco desta compilação. Este é o nosso arquivo, está bem? Este é o nosso arquivo, E você vai notar que, hum, a forma como o arquivo é um áudio compactado. Ok, então nós temos bits por segundo, e você pode ver que olhando para esta música durante a duração da, hum sobre a operação da música em si, você pode ver que estamos recebendo um monte de informações acontecendo visualmente. Ok, agora olha o que acontece quando pegamos o mesmo esboço e nós o temos. Olhe para o MP 3 com uma taxa de bits de 1 28, o que , claro, não é bom. Certo, então confira. Você vai notar que eu desenhei esta pequena linha verde, e eu marquei que esta é a taxa de bits 128. Então, com MP três faz é que ele realmente comprime o arquivo de áudio. E, além disso, a fim de fazer MP três pequena direita, porque esse era o objetivo era um áudio comprimido onde tamanhos de arquivos maiores. Então, a fim de fazer MP três é realmente fácil de jogar ao redor. Olha o que eles fizeram. Eles realmente cortaram a extremidade traseira do espectro. Certo? Então não há realmente nenhuma informação de áudio vindo do back-end disso. Isso é audiófilo. Na verdade, é seguro dizer que adicionou 128 taxa de bits. Você está perdendo 1/4 do áudio. Você está perdendo essa parte do espectro porque eles descobrem sim, isso é música de cachorro ou essas coisas que você não vai aqui. E então nós vamos realmente cortar isso fora e nós realmente vamos comprimir o áudio para que o tamanho do arquivo seja menor. Então, é claro, não só a qualidade do áudio sofre, mas você está realmente perdendo esses dados. Então isso se torna problemático porque com o nosso código, hum, nós estamos realmente obtendo apenas intervalos de números nesta nesta área aqui, nós realmente não estamos recebendo nenhuma informação de áudio da FFT ao perder 1/4 do espectro. Agora, vamos em frente e olhar para uma taxa de bits de 160 você pode ver isso nesta imagem. Ok, nós abrimos um pouco, certo? Então, novamente nos últimos dois anos, e eu tenho convertido CDs para MP três. Veja quanta informação de áudio eu realmente estava perdendo. Hum, e então é bom ver essas duas linhas. E novamente, eu marquei este azul porque para mim, isso foi padrão por anos. Isto é o que eu estava copiando CD's, hum, esta taxa de 160 bits? Então veja o que aconteceu. Então, vamos de 1 28 a 60 e ganhamos um pouco do espectro de volta. Vamos em frente e saltar para 1 92 Então esta é uma taxa de 1 92 Então agora eu marquei onde 1 28 é onde 60 está e 1 92 está, e você pode quase começar a ver o padrão aqui. É como, Oh, ok, eu entendo. Talvez. Certo. Então isto foi o quanto eu abri de 1 28 para 60 e parece que de 1 92 eu realmente dobrei a quantidade de espectro que eu sou que estou recebendo de volta. Eu ainda estou perdendo uma boa parte da informação aqui, mas eu posso ver o que está acontecendo. É que vai dobrar, certo? Olha o que acontece quando salta para 56, certo? Então esta é uma taxa de bits de 2 56 Você realmente só recebe uma pequena lasca de volta. Então o que eu esperava na verdade não aconteceu. Pensei que ia dobrar de cada vez. Como se eu fosse ter mais do espectro de volta. E na verdade, eu meio que pensei como fora eu tenho 23 20. Talvez eu esteja de volta à quantidade de informações que isso iria ficar no meu arquivo, mas como você vai ver, na verdade não é o caso. Então, saltando de 92 para 566 nós realmente só recuperamos um pequeno pedaço do espectro, e na verdade é menor do que o salto de 1 28 para 60 E acredite ou não, se você realmente for para 3 20 a lasca fica ainda menor. Então, mesmo com essa taxa de 320 bits, ainda estamos perdendo esse back-end do espectro. Então, realmente, esta compilação oito foi apenas um exercício e mostrando quanta informação você perde usando MP três é sua fonte de áudio. Então eu entendo que talvez MP 3 seja a única coisa a que certas pessoas têm acesso, e isso é legal. Mas compreenda que, obviamente, isto vai afectar este ambiente porque estamos mesmo atrás da Li outra vez. Se eu pulasse para trás Teoh 160, por exemplo, é como se estivesse perdendo 1/5 do espectro de áudio. Então, se eu estiver usando esse espectro para controlar animação ou fazer coisas na tela, realmente, toda a ação vai acontecer neste front-end do espectro. e há uma parte na parte de trás que eu realmente vou estar, uh, estar perdendo. Então, realmente, o propósito deste edifício era apenas um olhar para esta diferença entre wave un comprimido áudio e MP três de áudio comprimido. E, na verdade, quanto dos dados numéricos você vai sacrificar? Então, novamente, se você entrar nesta compilação e você realmente abrir esta compilação PTE e a maioria do código é idêntico ao que era na compilação anterior. Exceto por aqui. Estou carregando um MP três em vez de acenar. E eu coloquei em todos esses outros marcadores apenas desenhar linhas para mostrar novamente onde o ponto de entrega é para MP 3 e aqui em baixo. Eu também comentei isso, mas eu também estava fazendo que coisas salvas. Então, depois que a imagem acabou, ele realmente salvaria meu PNG. Então, realmente , isso, uh e novamente, como, se eu fosse fazer isso, executar este esboço agora só para o inferno dele. Sabe, mais uma vez, mais uma vez, estou mostrando esses marcadores, mas realmente, isso é apenas um exercício para mostrar que você realmente perde números de espectro usando MP 3? Um suposto para pesar arquivos. Ok, então isso realmente termina esta compilação oito, que é como, Ei, cara, se você pode ter acesso a um áudio compactado, você só vai obter melhores resultados porque você está vai estar recebendo, ah, muitos números diversos em todo o espectro. Se você estiver usando MP três com base na taxa de bits em que esses três MP foram criados, há uma parte do espectro que você não vai obter nenhum número de dados em tudo. Tudo bem, hum, vamos passar para o próximo par de construções eso nós vamos saltar para construção nove agora mesmo para onde estamos indo. Toe adicionar restrições de volta. Lembrem-se que abandonamos constrangidos na construção nove. Vamos implementar restrição de volta ao nosso arquivo. Vemo-nos no próximo esboço. 11. Crie 09: aqui estamos em construído nove e de muitas maneiras constrói nove a 13. Os próximos cinco esboços, esses vídeos, vão ser bem curtos. Eles meio que limpam as coisas. Então construa sete de novo. Meio que foi marcado como isso. Esse momento em que eu queria que você se concentrasse, você sabe, eu estou dizendo, como, oh, isso é tipo, você sabe, hum, momento em que eu queria que você se concentrasse, você sabe, eu estou dizendo, como, oh, isso é tipo, você sabe, hum, o arquivo perfeito para ser benchmarking audiófilos contra build nove. Depois que tivemos o caminho contra MP três discussão construir nove. Apenas meio que empacota tudo. Super legal. Tudo bem, então vamos em frente e dentro da construção nove. Vamos abrir o Build PD. E não há nada de novo aqui. Um, muito deste código é o mesmo que era antes, mas estamos introduzindo restrições. Então aqui em baixo on-line 54 se você se lembra, era média de índice temporário. Isso foi obter a média do espectro que o Indo e cada um no mar do espectro, multiplicando-se por uma vilificação vezes 20 e depois multiplicando-o por amplificação de índice para que cada índice individual fosse, uh, ficando amplificado. Então isso foi ótimo. E construir sete. Vamos ver tudo o que estava acontecendo. Então agora é hora de reintroduzir restrições, então você vai notar na linha 55. O índice temporário Khan tem sido incomum. Tid e outra vez. Está dizendo: “ Ei, Ei, a entrada que está chegando é que a média do índice temporário, mas limitar o seu a um número entre zero e 101 100 sendo são variáveis. Meu máximo de áudio aparece online. Nove. Ok, então agora sabemos que este flutuador está correndo em todo o espectro, e ele realmente vai nos dar algumas informações numéricas entre zero e 100. Ok, então é claro que eu faço a modificação no retângulo. Eu coloquei de volta esse índice de temperatura, enquanto que antes, hum, maneira revertido de volta para a média do índice de tentação. Eu coloquei de volta esse índice de temperatura, enquanto que antes, hum, hum, Tudo bem, então, uh, eu vou em frente e executar este esboço. E três coisas importantes a ver neste ponto são os céus se alinharam, você sabe, os mares se separaram, as constelações se alinharam de certa forma, é exatamente onde eu quero chegar, que é tipo de normalizar o áudio através do espectro. Então a informação na extrema direita é que tem a oportunidade de ser Justus , uh,mostrado como está do lado esquerdo. Então a informação na extrema direita é que tem a oportunidade de ser Justus , uh, Mas usando restrição agora, só obtemos números entre zero e 100. E novamente, é se eu assistir isso, você sabe, eu realmente estou recebendo uma bela impressão digital de todo o espectro. E eu posso ver que de muitas maneiras, eu estou recebendo algum movimento realmente agradável por todo o caminho. Tudo está atingindo aquela linha laranja. E para mim, este é exatamente o lugar onde eu quero chegar. Ok, então eu vou ir em frente e fechar isso, e eu vou ir em frente e fechar esta construção porque Bem, na verdade, não. Deixe-me trazer isso de volta. Deixe-me preparar o que vamos cobrir a seguir, que é que os próximos arquivos serão muito curtos e doces. O que acontece quando mudarmos meu alcance de áudio? Certo. Minha faixa de áudio agora está dizendo 256 que é cada um para ver no espectro. Mas, uh, talvez eu não queira isso talvez eu queira realmente começar a agrupar as coisas. Hum, então nesta nota nove é 256 é o intervalo de áudio. Estamos olhando para cada um independente para ver no espectro. Tudo bem, então eu vou te ver na construção 10 onde começamos a reduzir, uh, uh, a variável para o meu alcance de áudio. 12. Crie 10: estamos na construção 10. E eu realmente gravei este vídeo algumas vezes porque eu estou desesperadamente tentando encontrar a melhor maneira de vocalizar. A redução da variável, meu alcance de áudio. A redução da variável, Vamos tentar de novo. Isso é muito frustrante para mim porque eu quero, , você sabe, quando eu dou essas aulas, eu quero tornar tudo o que eu estou fazendo cristalino, uh, e construir nove. Havia 256 objetos na tela, e cada um desses objetos estava ouvindo cada indivíduo para ver no espectro 0 a 2 55 Mas realisticamente, certo? Então, se estamos olhando para frente, você vai notar. Construir 13 é onde queremos chegar para construir 13 está tomando esse espectro e reduzindo o espectro para um conjunto de médias de 11 objetos. Então deixe-me explicar isso com o melhor de minhas habilidades. Vamos fingir que o meu áudio era de 1 28. Certo, 28 é 566 dividido por dois. Então o que você está dizendo é, e novamente aqui, meu alcance de áudio é 100. Mas vamos fingir por um momento que o meu alcance de áudio foi de 28 Hum, taxa aqui onde diz “online 43”. Meu áudio fft dot Lynn faz a média do meu intervalo de áudio. O que isso está fazendo é dizer que eu tenho esse bloco de espectro 256 de 0 a 55 mudando meu dedo do pé. 1 28 Isso é metade de 566 Basicamente, o que você está fazendo é que você está dizendo que dois índices são um objeto, certo? Então, uh, em dois c zero, uma indústria um seria agrupada, e você estaria avaliando esses dois índices juntos. Hum, em dois. C três e em C quatro seriam agrupados como um objeto. Então você está novamente se meus rangers de áudio ganharam 28 você está levando isso para 56 dividindo-o em grupos de dois. Sim. Então você ainda está recebendo todo o espectro. Mas você só está dizendo que eu quero um grupo em uma série de blocos. Sim. Essas são exatamente as palavras que eu queria vir do meu cérebro para o meu buraco de boca clara. Você ainda está recebendo todo o espectro. Mas trabalhar com 256 é uma porcaria. Eu só quero obter a essência do áudio. E isso significa que eu vou precisar reduzir o meu alcance de áudio para um conjunto de números que eu sinto melhor representar. O áudio que estou ouvindo. Essa é a base. Essa é a armadilha que alguém cantando, , esses são os sons altos do tweet. Sabe, eu quero reduzir meu alcance de áudio para um número que eu acho que melhor representa o áudio para 56. É demais. Muita informação. Certo, então com esses exemplos, certo? Especificamente esses próximos que se recuperam, estou tentando encontrar o Santo Graal. Número de emparelhamentos. Você pode vê-lo ir, 13. Vou levar isto para as 11. 11 é o número certo para você? Não tenho ideia. Porque eu não tenho? Não. O tipo de áudio que você está usando e talvez seus bons números. Cinco. Talvez seus doces números 25. Certo, mas todos concordamos que 256 é muita informação. Vamos agrupar algumas dessas coisas. Ok? Agora, outro problema ocorre. OK. Aqui no lado esquerdo é construir meu, que está olhando para todos os 256 índices. E você pode ver que nossa amplificação de áudio foi 20 são índice iniciado em 0.5 e nosso passo foi 0,25 Agora olhe para o que acontece e eu renderizei estes p e G para que eu possa mostrar-lhe o ajuste das barras se eu reduzir o meu intervalo de áudio para 100. E vamos ignorar o que tenho aqui de 11 a 14. Se eu guardasse os mesmos números dos meus 256, isto é o que você conseguiria. Certo, Certo, não é amplificação suficiente. Não é amplificação suficiente em toda a coisa. E não é suficiente amplificação ampla para cada índice individual, então você pode olhar aqui no topo. Mudei o alcance para 100. Eu guardei o amplificador 20. Eu mantive este índice START em 0.5 Eu mantive o pisar em 0,25 E olha, muito desses dados nunca chega. A Nan recuperou tanta informação que me deu a boca. Às vezes meu cérebro fala mais rápido do que minha boca pode acomodar. Meu problema certamente não é seu. Oi. Onde esperávamos? Você pode ver claramente a partir deste PNG que essas configurações não funcionarão porque alguns desses índices nem passam da Linha Laranja. Então, oh, meu Deus, se eu reduzir o número de alcance certo, se eu começar a fazer esses agrupamentos e então eu estou fazendo uma média linear nesses agrupamentos através do espectro, isso acabará afetando hum precisa mudar a amplificação e pisar e assim por diante, certo? Então vamos tentar algo novo aqui, então você verá que a próxima imagem que eu disse, Tudo bem, vamos mudar algumas das configurações. Vamos mudar a amplificação de 20 para 25. Vamos fazer o Índice de Início em 0.5 Vamos subir a etapa para 0.5 e, novamente, é como muita informação acontecendo. Parece que todos passaram pela laranja. Mas vamos olhar para este agrupamento aqui para o que vai chamar em C zero, que este intervalo aqui, como a base tipo de realmente apenas apenas passa a linha laranja. Mas o resto meio agressivamente faz passar a Linha Laranja, então talvez novo, eu só preciso massagear esses números um pouco mais. Então eu digo, ok, incrível. Vamos aumentar a amplificação aqui elevando a amplificação para 30. Eu estou aumentando com o índice inicial para 0.75 e eu vou continuar e manter, tipo, tipo, o último arquivo que passo de 0.5 A janela é nenhuma. E de novo, ok. Tudo bem. Então agora estou recebendo esse tipo de chuva. Estou pegando algo que está passando pela linha laranja, mas parece um pouco agressivo. Então aqui está o que a janela Incan entra em jogo. Então este arquivo Ford eu disse este quarto PNG. Eu só disse uma olhada. Você sabe, se eu aplicasse um filtro de janela de martelo que apenas tipo de suaviza o filtro no espectro de áudio. Sim. Então, à medida que reduzimos meu alcance de áudio, você vai ter que massagear seus números de amplificação porque à medida que começa, média linear desses novos agrupamentos em todo o espectro, você está amplificação provavelmente não vai ser suficiente. Você vai precisar ajustá-lo à medida que começamos a reduzir esse alcance. Agora, uh, eu vou ir em frente e olhar para, hum, meu PDE aqui e novamente. Estes ar tipo de como, Hey, se eu fosse mudar minha faixa de áudio 200 para mim, parece que eu massageou esses números para um bom lugar, que é 30 0.75 e um passo de 0.5 Eu também mudei o tamanho do retângulo porque, Se estou reduzindo o alcance, então por que não aumentar o tamanho do meu retângulo para ser algo um pouco maior para que eu possa realmente começar a ver os retângulos um pouco mais proeminentes? Se estou reduzindo o alcance, então por que não aumentar o tamanho do meu retângulo para ser algo um pouco maior para que eu possa realmente Então aqui eu mudei o tamanho do retângulo para ser cinco. E mais uma vez, comentei algumas coisas, mas há algumas, você sabe, há algumas partes aqui, hum, que você obviamente pode incomum, significou e E mais uma vez, comentei algumas coisas, mas há algumas, você sabe, há algumas partes aqui, hum, hum, que você obviamente pode incomum, começar a mexer com se eu ir em frente e executar o esboço. , Mais uma vez, estou só a ver o áudio. Estou assistindo meus números de amplificação. Estou dando um sentido. Quero os baixos e os altos. E quero que esses altos passem da laranja e quero que os Little Is se acalmem até zero. Então eu estou realmente olhando para ver como isso flui. Com estes novos números de amplificação e, hum, incrível. Com estes novos números de amplificação e, hum, Isto isto parece bom. Então vamos seguir em frente para a construção 11 e vamos seguir em frente para ver o que acontece enquanto continuamos reduzindo, uh, o intervalo de artigos. Como temos que mudar os números de amplificação para acomodar a redução da faixa de áudio e tentar chegar a esse ponto ideal? Aquele ponto doce. Isso é realmente para este áudio em particular. Usa um áudio completamente diferente. Talvez eu tenha que mudar meus números. Talveza Talvez produção precise ser menor. Significa ser maior. Talvez a amplificação precise ser maior. Menor. Talvez. Eu preciso aplicar uma janela diferente ing ou saber pouco vento fazendo filtro. Certo. Então é isso é realmente apenas ajuste fino e massageando essas variáveis de modo que, esteticamente, uh, o áudio está me dando algo que eu vou amarrar também, hum, para animação. Ótima. Vamos Ah, vamos encerrar essa construção e te vejo no Bill 11 13. Crie 11: Ótimo. Estamos no Build 11 e o build 11 agora está reduzindo meu alcance de áudio para 50. Agora, se você pegar 56 e dividir por 50 é cerca de 5,1. Proibição de Teoh por agrupamento, certo? Então é como pensar que as primeiras 5 bandas e o espectro estão agrupados agora, uh, então novamente, com este, vamos olhar para estes p e G. Se eu abrisse o primeiro PNG aqui, isto tem as configurações, como na nossa compilação nove, que é a 256, certo? Se eu abrisse o primeiro PNG aqui, , isto tem as configurações, como na nossa compilação nove, Veja o que acontece quando você se ficarmos com a amplificação de 20. O índice em 0.5 O passo 0.25 janela nenhuma, certo? Oh, meu Deus. Nada passa da linha laranja. Então, novamente, estamos se nos abrirmos. Ah, os agrupamentos, certo. Tem cerca de cinco bandas por grupo. Agora, obviamente vamos ter que continuar mudando drasticamente nossos números para acomodar onde estamos tentando chegar, o que é passado. Esse muito. Então aqui eu fiz a amplificação. Este é o segundo PNG que fiz a amplificação. 30 Esse índice 0,75 E eu disse, Ei, vamos passo 0.1 agora, certo, e novamente, como olhar para isso. Olhe para aquela base. A base mal passa a laranja, e isso nem passa de tudo. mal passa a laranja, E quem sabe? Pode não ser. Então, nesse pé, PNG. Vou mudar as variáveis um pouco mais. Eu disse: “ Ok, Ok, talvez a amplificação não precise ser 30. Talvez precise ser 25. Eu posso começar o índice em 0,125 e passo 0,175 E então eu coloquei um filtro de janela de Gaussiano e novamente, como se houvesse bastante espalhado por todo o espectro que todos eles alcançam além desta linha laranja. E novamente, é como ajustar lentamente, massageando essas variáveis para acomodar o que estou tentando obter enquanto continuo abrindo é como ajustar lentamente, massageando essas variáveis para acomodar o que estou tentando obter enquanto continuo abrindo os agrupamentos para o meu alcance de áudio. Então agora meu alcance de áudio é 50. Então vamos em frente e abrir a construção. Vamos em frente e disparar o esboço e, você sabe, novamente, se nós apenas assistirmos isso por alguns segundos coisa está preso. , Mais uma vez, se nos observarmos, estou à procura se nos observarmos, estou à procurade bons baixos e bons altos. E eu estou recebendo uma boa quantidade de movimento novamente em todo o espectro com essas configurações específicas de variáveis de amplificação com meu áudio variado reduzido para 50. Ok, hum, legal. Vamos passar para a próxima. Vamos reduzi-lo novamente para 25 build 12. Então vamos acabar com isso, e te vejo na próxima conta. 14. Crie 12: construir 12. Tudo bem. Entende o que está acontecendo? Certo? Temos andado lentamente a progredir isto outra vez. Aqui está apenas outro instantâneo. Vamos reduzir meu alcance de áudio para 25. Certo? Hum, então vamos fazer isso com 56. Dividido por 25. São como 10 bandas em um grupo. Sim, Hum, legal. Olhe para isto, P e G novamente, esta é a configuração base. Veja o que estou dizendo. Eu vou fazer isso, tipo, tipo, para os próximos cinco esboços. Massageando as variáveis, certo? Se eu mantivesse essa amplificação de 20 esse índice de 0,5 nesse passo de 0,25 Sim, não é bom. Então, Então, aqui de novo, estou tentando descobrir o que parece melhor. Eu fiz uma amplificação de 40 e índice de 0.175 um passo de 0.175 e filtro de janela martelando e novamente. Eu fiz uma amplificação de 40 e índice de 0.175 um passo de 0.175 e filtro de janela martelando Sabes, vou continuar a fazer isto até conseguir aquele tipo de pegada que estou à procura. Então, novamente, , eu trouxe a amplificação de volta para 30 uh, movido para o índice para 0.17 e movido o passo para 0.225 janela, janela, janela e o seria Oh, janela janela janela filtro Ghazi entra. Ah, e bom. É isso que estou procurando. Estou procurando por uma linha bem consistente, uh, passando por essa laranja novamente por causa da natureza do áudio, alguns deles vão passar, hum, incrível. Então, novamente, se eu apenas fazer um pequeno esboço e eu esqueci de mencionar no primeiro 1 você sabe, eu estive aumentando o tamanho destruído tenho sido abrindo isso para cima. Acho que no último tamanho de representante era 10. E agora, obviamente são 20. Por isso, à medida que estou a reduzir o meu intervalo de áudio, posso abrir o meu retângulo um pouco mais. Hum, ok. Então, novamente, se eu rodar este esboço em, mas nós vamos apenas colocá-lo fora aqui para o lado novamente, eu posso eu posso apenas verificar aqui Estas minhas configurações 30 17.22 Sim, eu posso tipo de ver como isso vai se mover para ter certeza que eu sou recebendo meus zeros acertando minhas centenas e tendo um bom movimento entre esses zeros. Centenas e outra vez. Eu entendo que alguns deles vão empurrar, realmente passou, mas tudo em um longo tempo. Só estou tentando obter esse bom movimento através do espectro com esse novo agrupamento. Ok, eu vou fechar isso, uh, uh, porque de novo, eu ia tentar manter essas coisas curtas. Boom, Bill 13. Vamos reduzi-lo a esta bela variável de 11. Meu único arranja 11 e eu gosto 11. Tudo deve ir para 11. Algumas pessoas deveriam ter deixado essa referência. Vai para o 11. Construir 13. Vamos reduzir meu alcance de áudio para 11. que mais uma vez é ótimo para mim para este pedaço de áudio em particular. É apenas um grande conjunto de agrupamentos que realmente dá a você uma sensação de todos os sons diferentes que acontecem em todo o espectro. Hum, legal. Vamos fechar isso e eu o verei. Projeto de lei 13 15. Crie 13: Desculpe. A Miss esta compilação 13. Esta é uma boa. Uh, obviamente, nós temos vindo a reduzir o meu alcance de áudio para algo que nós vamos nos apaixonar . E para mim, minha faixa de áudio 11 é perfeita, a variável perfeita. Claro, vou te mostrar essa rodada de “P and G “de novo. Olha para isto. Quando você usar as mesmas configurações de 256 de novo,não funciona. Quando você usar as mesmas configurações de 256 de novo, Hum, e o que eu fiz o que eu descobri? 23 bandas. Então, se você pegar 2 56 divididos por 11 são 23 bandas ish por agrupamento. Certo, Certo, então vamos fazer esses saltos iniciais. Aqui está o próximo PNG fez uma amplificação de 30 um índice de 0.175 e um passo de 0.35 Uma janela de nenhum neste tipo de looks. Certo, mas é claro, você sabe , eu estou sempre procurando por um conjunto perfeito de números. E para mim, uh, este tipo de funcionou um pouco melhor, que era uma amplitude de 40 índice de 0,2 e um passo de 0,35 filtro de janela. Gaussian de novo. Apenas um bom conjunto de números. Agora, eu amo isso. Eu amo 11 e nós realmente vamos explodir isso em ambos 14. Mas vamos seguir em frente e executar este esboço aqui. Então, novamente, esses arquivos foram todos iguais nos últimos cinco esboços. Exceto que temos mudado nossos números aqui entre 11. 14 para encontrar esse ponto doce. E isso é o que você vai fazer. Você vai ter um audiófilo você mesmo, e você vai passar pelo mesmo exercício que eu fiz, que é carregar nesse arquivo de forma pegando o intervalo de áudio e reduzindo-o até você sentir que você tem uma noção de todos os sons e ou instrumentos que estão acontecendo em todo o espectro. Mas você os agrupou de uma forma onde você pode dizer, Ah sim, este primeiro grupo de 23 bandas, certo? Porque dissemos que, Meritíssimo, seu alcance é 11. Este primeiro grupo de 23 bandas representa melhor o que acontece na base, certo, e então nós subimos um pouco e então nós subimos um pouco e então você pode dizer, ah, este próximo conjunto de bandas melhor este próximo conjunto de bandas agrupadas direito, pode representar melhor o que está acontecendo com o tambor ou este grupo de bandas é este intervalo vocalista. Então eu ouço principalmente os vocais neste movimento, certo? Então esse é o objetivo. O objetivo é Thio tirar o arquivo e lentamente fazer essas reduções e ajustes para que você esteja recebendo algo que melhor representa o arquivo que você está carregando agora, uh, excisar uma colisão que até 50 e, uh, Vamos em frente e executar isso por um pouco e eu vou apenas colocá-lo fora para o lado aqui . E enquanto eu estou assistindo isso, você sabe, novamente, eu quero ter certeza de que meus sons meio que zero fora, e eu quero ter certeza de que há um bom movimento dentro dessa faixa de 100. E, no entanto, assim sejam esses momentos em que eles disparam além daquela linha laranja. E eu posso meio que olhar para isso e, uh, realmente ter uma noção do que está acontecendo com o áudio durante a duração de sua reprodução. E novamente, eu estou realmente procurando por esse movimento de 0 a 100. Sabe, às vezes, se eu jogar fora demais a amplificação, talvez não haja zeros suficientes. Você quer ter certeza de que sua amplificação está lhe dando números que, uh, uh, grupos de bandas resolvem até zero que você quer, certo? Porque se estamos aplicando isso a uma animação, digamos que temos algum item que estamos criando maneira. Deseja usar a rotação para ser controlada pelo áudio. Então o áudio está controlando esse objeto, certo? Você vai querer que ele vá para zero. Você vai querer que ele, tipo, acerte e então gire quando tivermos esses picos. Então há para mim lá que não há fórmula mágica. Há mais tipo: “Oh, “Oh, sim, é assim que se faz. E é assim que vai ser aplicado a cada pedaço de áudio. Não, qualquer pedaço de áudio com que eu trabalho e banda que eu trabalhe com qualquer set list com quem eu trabalho . Estou lentamente fazendo esses ajustes. Você sabe, se uma banda vai me dar uma lista de set, você sabe, eu poderia ver essa lista de set e fazer ajustes para cada música que eu sei que eles vão tocar para que eu saiba que este código está reagindo em a melhor maneira porque uma música poderia ser mais pesado na base e e outra música poderia ser Poderia não ser tão, tão legal. Chegamos à construção 13 e vou fechar isto. Vou em frente e fechar este esboço. E agora olhe para as próximas três notas. Vamos nos mudar para a construção 14 15 e 16 e você vai notar que em meus arquivos particulares aqui, eu tenho código de cores, de certa forma. Como o amarelo era cautela. Éramos apenas uma espécie de, como ainda cautela e 16 para parar. Você sabe, nós fizemos isso, você sabe, 16 é Ah, é é onde eu quero chegar certo? Vamos empacotar as coisas. Esta coisinha é um widget que poderíamos colocar em qualquer esboço de processamento que fazemos para frente. Então, esses próximos três, nós vamos trabalhar em conjunto, e nós vamos andar lentamente uh, esse processo tão legal. Espero que você perceba que sim, você vai ter que fazer um pouco de massagem um pouco de fingimento, mas se você vai tomar o tempo como eu faço e você vai colocar esses números em lugares que melhor representam a música. Isso só significa que quando começarmos a aplicá-la à animação, teremos os melhores mais dramáticos resultados. Legal. Apenas desliga, uh, uh, a punção espinhal construir 13. Meu alcance de áudio vai para 11. Muito bem, vemo-nos na construção 14. 16. Crie 14: O médico. O Dr. acredita em questionar o meu pai. Olá. Build 14. Eu realmente gosto da compilação 14. E eu acho que você também, porque o que eu tento fazer é meio que limpar tudo. Nós fizemos isso. Minha redução de alcance de áudio. Nós meio que temos os números de amplitude que estávamos procurando. Olá. E, hum, construir 14 meio que limpa tudo isso, certo? Então, uh, vamos em frente e e e e olhar para o que eu fiz aqui. Então, a maior parte disto continua a mesma, certo? Então, todas essas variáveis foram exatamente como foram planejadas na, uh, compilação 13. A configuração continua a ser a mesma. Agora, eu fiz algumas mudanças, e uma é que podemos ir em frente e trazer o fundo de volta. Então, estamos limpando o fundo agora dentro deste ciclo completo. Eu só fiz um pouco de codificação de cores porque para esta música em particular, eu pensei que seria ótimo se nós pudéssemos focar em eventos que eu acho que estão trabalhando para nossa vantagem, a base na armadilha, certo. E assistindo a construção 13, consegui ver onde a armadilha estava acontecendo e o zombo estava acontecendo no quarto agrupamento, certo? 0123 Uh, esse seria o quarto agrupamento. Então o que eu fiz foi dentro do loop for. Eu disse, “ Ei, hum, a cor do traço vai ser preta para todos, mas online 54 eu quero fazer esta cor verde. Justify é igual a zero. Então, se for o primeiro agrupamento de faixas, vá em frente e faça o preenchimento. Acho que este é um outro verde escuro. Se eu for igual a três, certo, Então 0123 Se é o quarto agrupamento, que é tipo de onde a armadilha está acontecendo nesta música em particular. E então eu só disse aqui online 56 Hey, para todos os outros apenas fazer como cinza. Então nós estamos realmente apenas focando no movimento base, no movimento da armadilha e todos os outros apenas vão conseguir isso. Eu vou conseguir isso ótimo. Agora, uh, naquelas cinco notas que eu tinha feito antes, nós não estávamos usando restrições. E então nós meio que estamos usando e desligando e, em seguida, usando-o e desligando. Claro que queremos usá-la. Hum, então aqui eu inusitado fora, hum, índice temporário Khan. E, claro, eu atualizo o retângulo novamente para usar essa configuração de altura para ser índice temporário con. Então agora o retângulo está sempre ficando constrangido. Teoh ou zero ou 100. Então, mesmo que, e constrói nove a 13. Estávamos assistindo e visualizando as bandas passando pela linha laranja, é claro, e construir 14. Queremos um botão que para cima e apenas tê-los restringidos entre um número entre zero e 100. Agora, eu só vou abrir isso um pouco porque eu fiz uma das coisas. É por isso que não visualizamos os dados numéricos que estão acontecendo para cada intervalo. Então, na parte inferior, abaixo da linha laranja, eu estou mostrando a vocês o número que cada um desses intervalos atinge direitos de zero ou 100. Então eu coloquei nesta linha 63 a capacidade de realmente ver, e aqui você pode ver, eu só disse, eu quero escrever algum texto. O que é que vai ser um número, certo? Então converter índice temporário com restrição de índice de tentação para um intruso e, em seguida, passá-lo para o, uh, passar para o texto é uma força. Então, colocando str e, em seguida, colocá-lo entre parênteses, eu estou basicamente empacotando esse número de flutuar para um em uma força. Certo. Então devemos ser capazes de ver um número entre zero e 100 abaixo dessa linha laranja. Então pensei que viria aqui e mostraria que ... Qual é a base? E qual é a armadilha? Então eu apenas coloquei um pouco mais de texto lá dizendo, Ei, esta é praticamente a base, e esta é praticamente a armadilha. Então deixe-me ir em frente e executar este esboço. E mais uma vez eu posso ver lá embaixo. Aqui estão os dados numéricos, certo. Eu estou assistindo um pouco do zero fora, e então eventualmente, quando essa música pegar, nós vamos assistir isso voltar para baixo 200 porque, hum, hum, em nossa maneira de esboço anterior, notei que eles fazem depois, uh, empurrar para além da linha laranja. Agora, veja isso. Este, uh, este quarto agrupamento, certo? Se você olhar para todas as caixas, essa é a que realmente é acionada no som da armadilha. E é disso que estou falando. Estou a falar de carregar um pedaço de áudio, reduzir o meu alcance de áudio e, em seguida, apenas ver estas barras, certo? Qual ou agrupamentos de bandas e espectro, eles são mediados. E então eu posso realmente dizer Oh, sim, parece que essa armadilha está acontecendo nesta faixa particular das bandas. Certo? Então é disso que estou falando. Você poderia carregar em um pedaço de áudio e realmente ter uma noção de onde certos sons e instrumentos de ar acontecendo através desta banda. Agora, novamente, eu só isolei. Estes dois só disseram: “ Ei, Ei, esta é uma espécie de base, e isto é uma espécie de armadilha. Tão fixe. Esta compilação 14 realmente é uma espécie de bom instantâneo de onde estamos tentando obter, o que é sons chegando. Estamos usando FFT amplificando o espectro. Estamos amplificando cada um dos agrupamentos no espectro. Neste caso, é 11 e, uh, uh, ser capaz de visualizar os dados numéricos abaixo recebendo bons números indo de 0 a 100. Agora, eu vou ir em frente e fechar esta compilação 14. Vamos avançar para a construção 15, porque o quê? Nós queremos fazer isso. 15. Começa a armazenar esses dados numéricos em uma matriz. Então veja, no próximo projeto 17. Crie 15: estamos no build 15 array e, hum, build 15 é uma espécie de ponto de viragem. Porque deixa-me fazer-te uma pergunta. Será que realmente precisamos ver uma visualização do áudio? Não, não temos. As 1.ª 14 construções serão projetadas de tal forma que possamos usá-la como uma ferramenta paraarquivos importantes. As 1.ª 14 construções serão projetadas de tal forma que possamos usá-la como uma ferramenta para Veja o que ele está fazendo em todo o espectro. Reduza a, hum, a massagem do intervalo de áudio são números de amplitude. Mas no final do dia, aquela compilação 14 foi uma espécie de espreitadela em tudo o que eu realmente queria. São os números, certo? Não preciso ver o bar se movendo para cima e para baixo. Eu realmente só preciso do meu dedo para aquele número Data. E, você sabe, no caso disso, construir 15 como, eu quero 11 números. E esses 11 números são os grupos de bandas em todo o espectro. E uma vez que eu tenha capturado esses grupos de números e esses números estão flutuando entre zero e 100 eu posso então começar a aplicar esses números. Duas coisas na tela. Eu poderia começar a aplicá-los a propriedades para animações t isso, que qualquer coisa assim este build 15 é interessante porque nós realmente reduzir um monte de código . Então, se eu abrir isso, muita coisa foi realmente despojada porque, hum, eu realmente não preciso visualizar os sons se movendo. Eu só quero uma mente para os dados numéricos. Então vamos apenas novamente os códigos ficaram um pouco mais curtos aqui. Isso é legal. E agora vamos apenas olhar para este esboço como um todo. Então vamos recapitular. Vamos passar por tudo. Então, mas o topo que estamos importando mínimo foi importar FFT. Estamos criando um objeto de reprodutor de áudio recorrente um objeto FFT. Temos o meu alcance de áudio ajustado para 11 novamente. Meu áudio máximo é 100 estavam tentando se importar para números entre zero e 100. E então aqui estão essas quatro variáveis específicas que lidam com amplitude em todo o espectro e amplitude para cadagrupo individual de bandas. variáveis específicas que lidam com amplitude em todo o espectro e amplitude para cada Agora on-line 16 nós introduzimos um array, então eu estou criando este array chamado meus dados de áudio. E o tamanho desta matriz é o meu intervalo de áudio Settle. Estou armazenando 11 números, certo, e, uh, ótimo. Vamos lá para baixo para armar armar para ele montar praticamente permanece o mesmo. Exceto pelo olhar, eu mudei de tamanho agora. Eu não precisava fazer todas as medições antes com a margem e todas as outras coisas. Eu não preciso mais disso. Estou só a procurar estes números. Então agora eu posso fazer meu esboço qualquer tamanho que eu quiser. Então, neste caso, ter feito o tamanho do esboço 700 por 700. Ok, uh, nós carregamos nosso arquivo de áudio, nós looper audiófilo, e nós temos nosso material FFT nós estamos fazendo médias Lynn, e você pode ver aqui. Estou aplicando um filtro de janela de Gaza agora. Olhe para o sorteio. O desenho é, na verdade, apenas três coisas cor de fundo, que na verdade não estavam usando porque nós não estamos realmente pintando nada para a tela. Eu vou em frente e linha 40 fazer o FFT para um, e então on-line 41 eu tiro uma nova função chamada minha atualização de dados de áudio. Eu vou em frente e linha 40 fazer o FFT para um, Certo. Então eu sei que esta função vai disparar 30 vezes por segundo. Então eu venho aqui e eu realmente defino isso minha função de atualização de dados de áudio, e eu digo, sim, eu quero um loop de quatro. Quero correr 11 vezes. E sim, eu quero calcular os tempos médios do índice, os tempos de amplitude, a amplitude da banda individual. Sim, quero restringir essa informação a um número entre zero e 100. E sabes que mais? Salve isso. Salve meu subitem de dados de áudio. Eu igualo o que nos constrangeu. Então esses 11 números estão sendo armazenados repetidamente em nossa matriz, o que é incrível, porque agora eu posso falar com essa matriz. Eu posso olhar para um item específico na matriz, como talvez eu só queira olhar para algum zero inferior. O que se baseia em fazer? Vejam o subitem três, que é o quarto grupo de banimento de bandas. Que armadilha está fazendo direito. Então agora eu tenho um array que armazena esses 11 números, e esses 11 números estão flutuando entre zero e 100. Agora, uh, aqui em baixo, eu só disse, eu só disse, vá em frente e imprima a matriz dos meus dados de áudio. Então vamos em frente e executar este esboço. E o que eu vou fazer é, na verdade , mover isso para o lado e você pode ver que absolutamente nada está acontecendo com a tela. Não preciso pintar nada na tela. Eu só quero pegar esses números. Então você pode notar que se eu vir aqui para sublime texto e realmente abrir a saída, eu posso realmente ver, uh, os 11 números na matriz e os números que eles estão flutuando também. E se eu matasse o retrato falado de novo, recebo uma impressão digital do que estava acontecendo. Então, se eu olhar para a última saída da matriz, zero tinha chegado até 49 6687331110 Então por diante e assim por diante. Então isso é ótimo. Hum, este, uh, construir 15 tipo de realmente tira as coisas para baixo, o que, uh, é, uh, legal. Foi legal nas primeiras 14 notas ver o que está acontecendo. Mas realmente, o fim do jogo aqui era realmente apenas estar armazenando esses números em um array. E toda vez que eu posso olhar para essa matriz, eu posso olhar para todos os itens na matriz, ou eu posso olhar para um subitem muito específico, que é sombreamento completo. É óbvio que vamos fazer isso um pouco mais tarde. Nós vamos dizer, Ei, Ei, me diga o que está acontecendo com a armadilha, que acontece que eu sei que é sub item três ou me diga o que está acontecendo com base, que é sub item zero. Hum tão incrível. Eso construir 15. Hum, é legal onde nós tiramos todas as coisas que nós não precisamos. Estamos guardando os dados numéricos agora. Eu pensei que sim, talvez você quisesse, tipo, um pequeno widget. Isso mostra, na verdade, as flutuações do áudio. Então nós vamos construir 16 onde eu mostro um pequeno widget adorável que você basicamente pode copiar e colar agora e todos os seus esboços que irão ajudá-lo a ver o espectro quando você está querendo vê-lo. Incrível. Isso é desligado e eu verei na próxima compilação. 18. Crie 16: estamos na construção 16 widget. E, hum, eu marquei este mercado vermelho de olhos vermelhos porque, um, este tipo de pacotes tudo bonito e limpo onde você pode copiar e colar este código em um monte de esboços e ativar ou desativar o capacidade de realmente ver o que o espectro de áudio está fazendo. Tudo bem, vamos em frente e abrir. Build 16 Aqui e novamente, maioria do tipo de código permanece o mesmo da compilação 15, exceto para aparecer no topo. Eu adiciono um pequeno gatilho booleano chamado Mostrar visualize er igual a turnê False. Então, para o caso desta demonstração, eu vou dizer que show visualize er é igual a igual a true de modo que para que nós o vejamos aqui em baixo na função de desenho. Notará que, de novo, tudo permanece igual, exceto aqui embaixo, no fundo. Eu coloquei em que condicional, eu digo, se show visualize er então se show visualize er é igual a true, em seguida, vá em frente e disparar esta nova função chamada meu widget de dados de áudio. Agora, eu também colocar um comentário on-line 45 porque você quer que esta chamada para o widget para realmente ser a última coisa na função de desenho. Isso porque se você estava desenhando quaisquer outros elementos na tela, você quer ter certeza de que o widget estará sempre no topo. Seria a última coisa que seria atraída para a exibição. Agora a função aqui para a minha atualização de dados de áudio não foi alterada permanece completamente a mesma da versão anterior. Aqui temos esta nova função chamada meu widget de dados de áudio. Agora desde show visualize er é igual a true. Eu sei que esta função vai disparar. Agora eu quero esta função. Teoh prepara-se para algumas coisas que podem acontecer em esboços posteriores. Então, por exemplo, você verá que eu fiz algumas chamadas aqui que eu realmente comentei. Mas em esboços posteriores vamos realmente utilizar, que seria, se estamos trabalhando com um ambiente tridimensional e pintando coisas em um espaço tridimensional . E se estivermos usando iluminação em espaço tridimensional para que você veja aqui online? 60. Eu realmente comentou sem luzes para que, se eu estiver realmente usando quaisquer luzes dentro do meu esboço de processamento pelo tempo que ele fica para baixo para realmente desenhar o widget. Estou apagando as luzes. Hum, online 61 eu disparo este pequeno pedaço de código chamado dica Deficiente teste de profundidade. E o que isso diz é que se você está usando um ambiente tridimensional e você está realmente movendo coisas ao redor e espaço tridimensional, um, eu quero desativar, hum, a profundidade desses três d de modo que quando ele realmente chegar ao widget, esse cume, ele vai realmente estar no topo. Agora, se você não chamar essa linha 61 o que aconteceria é que iria desenhar o widget. E se você tivesse quaisquer objetos tridimensionais se movendo, eles poderiam se mover na frente do widget, bloqueando assim sua visão também. As coisas que você está tentando começar a escrever tão on-line 61 nós colocamos esta pequena dica desativar teste de profundidade. Agora vou desenhar um retângulo na parte inferior da tela. Você vai notar que eu desligo o derrame. Eu, hum, usando um preenchimento de preto com uma transparência Alfa de 200 então eu estou fazendo um retângulo que vai expandir a largura do esboço ea altura da banda vai ser 100 e dois . Vai ser um pixel do topo um pixel na parte inferior e então, ah, 100 para o ah, nosso pequeno e que estilo retângulos abaixo de um para baixo. Agora eu tenho um pequeno loop de quatro. O que, é claro, estou apresentando isso para Lupin. Claro que vai correr 11 vezes. E sim, claro que estou mantendo esse código de cores aí dentro. Então, on-line 65 Eu estou codificando a base on-line 66 armadilha de codificação de cores. E para todos os outros, fica cinza claro. Agora online 69 estou pintando os retângulos, mas há uma pequena diferença em todos os esboços anteriores. Os retângulos foram desenhados zero e nós os lavamos, animamos para baixo, certo, então eles estavam sempre empurrando sua altura. O que eu faço com o retângulo neste pequeno widget é que eu realmente mudar sua posição Y para o número e, em seguida, mudar sua altura do retângulo. Então o que isso realmente vai fazer é fazer parecer que o retângulo está realmente empurrando para cima de baixo. E eu fiz isso para emular algumas dessas coisas de equalizador que costumávamos ver em um antigo MP três jogadores. Claro, isso também é comentado, mas muito importante. Se você estiver usando um ambiente de três D, que é desenhar o widget com eles quando você está pronto, habilitar profundidade novamente porque novamente, se você estiver usando ah três D ambiente e você está movendo coisas em espaço tridimensional , você deseja certificar-se de que você está ativando teste de profundidade de retorno. Em outras palavras, ele irá desativá-lo para tudo em seu esboço depois de desenhar o widget pela primeira vez. Agora vamos em frente e executar este esboço, e eu vou ir em frente e movê-lo para o lado. Aqui e de novo, você pode ver que estamos desenhando aquela barra na parte inferior. São 102 pixels, e estamos visualizando nosso pequeno widget lá na parte inferior, esquerda, lado e novamente, o retângulo foi construído de tal forma que parece que ele está empurrando para cima do top, e eu ainda posso ver a minha codificação de cores e blá blá, blá, blá, blá. Agora vou em frente. Inclui isso porque você pode notar que o retângulo eu realmente fiz um com o quatro e eu pensei, Bem, quatro é bom porque você ainda poderia tipo de ver as barras. O que? Agora não. Vou até o topo e mostrar-vos um pequeno exemplo. O que acontece se eu mudar meu intervalo de áudio Voltar para 256. Agora, com os retângulos em quatro e o intervalo de volta para 256 você não vai ver tudo, você sabe, eu teria que mudar o tamanho dos retângulos. Na verdade, se eu realmente executar o esboço agora, você poderia ver que eu projetei de uma forma que sim, você sabe, o widget ainda tinha algum peso, Teoh cada uma das pequenas bandas no espectro. Mas, obviamente, se eu voltar para 256, eles estão acontecendo aqui, eles estão sendo cortados. Então, é claro, você teria que fazer em um julgamento, um, ajuste para o espaçamento e, claro, para o tamanho do retângulo. Mas novamente, você sabe, minha brincadeira é que 256 é demais. Então, para mim, esse ponto doce é 11 você sabe, para este pedaço particular de áudio, 11 é tipo de onde é isso. Então, com esse intervalo de áudio em 11 novamente, estou desenhando meus retângulos de uma maneira onde ainda posso vê-los. Mas eles não são, você sabe, super Donna dominante. Hum, ótimo. Então vamos dizer que eu coloquei isso no meu esboço. Está tudo bem. Uh, eu poderia então vir até o topo e apenas dizer que mostrar Visualize er é igual a falso, e eu poderia ir em frente e executar este esboço. E, claro, agora não vemos o widget. Ainda está calculando tudo. Ainda está minando a partir de números. Ainda está empurrando esses números para Honore, mas na verdade não precisamos visualizar o widget. Então isso é bom, porque eu poderia trabalhar neste código e então talvez eu poderia arquivá-lo por um pouco, e então eu obter um novo pedaço de áudio de alguém e wow, yeah, deixe-me ver o que acontece quando eu colocar isso áudio neste esboço anterior que eu fiz, um, eu poderia facilmente colocá-lo em e, em seguida, apenas chegar ao topo e apenas dizer Hey, deixe-me apenas visualizar isso novamente. Então show visualize er é igual a true. Eu poderia executar o esboço uma e outra vez eu seria capaz de ver que a pequena visualização do do do super áudio. Então isso desliga construir 16 grande widget pouco novamente. Você pode copiar e colar este código em qualquer um de seus esboços e você tem a habilidade de ligá-lo ou desligá-lo se você precisa vê-lo ou não para vê-lo, hum, hum, os próximos construtores construir 17 hype onde nós vamos olhar para o meu hype biblioteca um pouco, vamos colocar algum hype, desenhar bolas no palco e começar a anexar alguns desses números de áudio de nossa matriz de dados de áudio e começar a anexá-lo a alguma animação. Então eu vou te ver na construção 17 19. Crie 17: Estamos na construção 17 e aqui vamos introduzir, hum, algumas coisas de propaganda. Hum, agora, nesta compilação 17 há realmente uma desconexão. Vou mostrar-lhe um pouco de código publicitário, mas na verdade não vai ser anexado ao áudio ainda. Nós vamos amarrá-lo juntos e construir 18 mas eu pensei que talvez e construir 17 iria passar um pouco de tempo apenas falando sobre a biblioteca de propaganda. Agora, enquanto eu estou gravando este vídeo, ele está meio que em uma transição estranha agora, porque novamente, processamento três caiu e alguns de nós estão realmente no processo de conversão de hype em uma biblioteca de processamento adequada, o que significa que será um arquivo jar. Será algo que você importou vai ficar em sua pasta biblioteca de documentos muito semelhante a como minimus. Mas, neste momento, ainda estamos a fatorar um monte de coisas. Então, o hype ainda é apenas um arquivo PTE e direto. Então, Então, construa 17. Você vai notar que há hype dot pd e não há build dot pd, e espero que, se você está tomando esta classe, você vai que eu ensinei para classes anteriores o 1º 1 foi gráficos de programação, uma introdução ao arte generativa. E é aí que eu mostro como se levantar e correr com propaganda. E então a segunda classe foi programar gráficos para, um eu acho que essa foi animação algorítmica. Então era sobre animar coisas. Então é claro que vou usá-lo aqui porque o hype só ajuda você a fazer um monte de trabalho pesadopara que você não tenha que escrever apenas código de processamento direto. Então é claro que vou usá-lo aqui porque o hype só ajuda você a fazer um monte de trabalho pesado Claro, se você está familiarizado com o processamento e confortável com o processo, e você não tem que usar hype, mas, hum, eu gosto de usá-lo novamente. Ele meio que faz as coisas apenas um pouco tablet está aqui, então vamos em frente e olhar para isso. Construa 17 novamente. Você vai notar que este esboço tem hype dot PDE nele, e eu vou em frente e abrir esta compilação PTE. Agora, para cima com o topo. Todas estas variáveis são as mesmas. Eles não são diferentes do que eram antes. Você vai notar que em. Eu acho que o resto desses esboços você vai ter esse show visível visualizar. Er, lá vamos nós, hum, porque novamente, você pode ativá-lo ou desligá-lo. Então aqui no topo, você vai ver que eu tenho mostrar Visualize er é igual a true. E, claro, no fundo, temos uma pequena chamada para o nosso visualize er. Então, talvez para alguns desses esboços, eu realmente vou mostrar a vocês o que está acontecendo com o áudio e, bem, tipo de obter um A um em uma relação com o que o fertilizante está fazendo versus o que estamos realmente fazendo com alguns ativos na tela. Ótima linha 22. Eu vou em frente e adicionar uma piscina Wrobel envelhecida uma pesquisa de palha piscinas indo. Permita-me pintar um certo número de coisas na tela. Eu só estou cortando uma pequena edição aqui porque eu esqueci de mencionar a linha 28 Eu vou cortar isso logo depois que eu falar sobre cada sorteio. Bill Poole na Long 28. Na verdade, estou chamando construtor de hypes. Então on-line 28 eu digo h ponto nele isso e, em seguida, eu também definir a cor de fundo. Então agora eu estou tendo hype realmente cuidar da cor de fundo, bem como se ele deve limpar o fundo ou não. Então, uh, aqui eu digo, cor de fundo. E então eu coloquei este cinza escuro de 2020 20. E então, se você realmente olhar para baixo no sorteio, você vai notar que eu tirei a chamada para fundo lá porque novamente, a chamada construtor hype está indo dedo do pé. Lidar com o fundo para nós, então você verá aqui. Online de 38 a 56. Vamos passar por isso, você sabe, linha por linha. Eu crio uma piscina. O número de coisas que eu quero criar no meu pool é o meu intervalo de áudio. Então parece que vou pintar 11 coisas. Então eu trouxe meu espectro de áudio para um alcance de 11. Bem, eu quero desenhar 11 coisas na tela porque novamente, eu quero fazer este em uma conexão com a análise de som e alguns recursos visuais na tela. Então eu vou ir em frente e dizer, Poole acrescentou, para encenar a Linha 40 vai ter o ativo que vamos pintar com, e neste caso, é um H destruído, que é como processar é retângulo, mas, um, um, um pouco mais divertido um trato Vai ser um tamanho de 100 por 100 nós queremos as bordas do canto do dedo do pé. Tem um arredondamento de 10. Agora, eu também coloquei em um layout de grade H. Então, hum, o que eu vou fazer é, na verdade, eu vou anexar todos esses 11 objetos, esses retângulos 11 h apenas em linha reta. Então você verá aqui. Eu disse Ok, vamos fazer um novo layout da grade H. Quero que a rede comece em um acesso exceto de 100. Eu queria começar em um eixo Y de altura dividido por dois. Certo, então vai pegar nosso esboço, e vai encontrar o meio no eixo Y. E novamente, esse eixo X está em um ex de 100. Agora eu quero que essa face seja de 50 pixels, e eu quero que as colunas sejam minha faixa de áudio. Então está construindo uma grade, mas está apenas construindo uma grade de uma linha. Certo? Então estamos pintando 11 coisas e colunas são 11. Sabemos que cada um dos nossos retângulos H será um logo após os outros 11 seguidos. Então temos o nosso em criar método e dentro do nosso on create Nós temos uma chamada de volta novamente . Isso em criar é o que é acionado para cada retângulo individual. Então é como um loop de quatro. Isto em Creta vai disparar 11 vezes. Don Online 45 criaria uma instância do nosso Wrobel envelhecido. Eu só chamo de D, e então eu estou definindo alguns parâmetros para isso para esse problema. Primeiro eu disse, quero que o derrame seja preto. Quero que o Phil seja branco e deve ter um Alfa de 225. Lembre-se que no Alpha, um número entre zero e 2 55 Então isso vai ter um Alfa para 25 Agora, eu também estou aqui online 49. Coloquei âncora no centro do ponto H, então isso significa que o registro central para este retângulo está no meio. Então, se nossa arte fosse de 100 por 100 o ponto de ancoragem seria de 50 a 50. Agora, uh, eu diio na linha 50 dizer que eu queria girar 45 graus, então eu estou realmente tomando aquele quadrado girando em 45 graus, então vai parecer um diamante ok, on-line 55. Eu apenas ir em frente e dizer pedido também novamente. Isso se comporta muito semelhante a um loop de quatro. Vai desenhar todas as 11 coisas e mostrá-las todas de uma vez. Agora, se você descer para a função de desenho, não muito é diferente. A única coisa que eu adicionei é esta linha 63 onde eu estou pedindo hype para realmente desenhar palco , desenhar esses retângulos que eu construí em layout de grade H. E novamente o resto dessas coisas é inalterado. Então os meus dados de áudio atualizam o meu widget de dados de áudio. Nada disso mudou neste arquivo. Então, se eu fosse em frente e executar este esboço, nós deveríamos ver o nosso widget aqui embaixo na parte inferior. E nosso widget está de fato nos mostrando nossos 11 itens no espectro. Ainda temos aquela codificação de cores onde a base é um verde escuro e a armadilha é um verde claro. E então, muito simplesmente, coloquei 11 itens no centro da tela. Certo, Então ele colocou esse eixo y em altura dividido por dois. Ele colocou o primeiro item em um ex de 100 é feito 50 espaçamento para cada um dos retângulos H. E mais uma vez temos nossos poros arredondados atendidos. Eles giraram 45 graus, então um e assim por diante. Então, a este ponto, acabamos de fazer uma atualização muito rápida para o hype. Agora eu quero seguir em frente para construir uma equipe, porque agora eu quero dizer, OK, OK, eu entendo que esses dados de áudio estão acontecendo. Está a ser guardado naquela matriz no topo. E agora eu quero atribuir esses objetos a essa informação. Ok, então eu vou ir em frente e fechar este esboço. Isso vai acabar, construir 17 e vamos passar para construir 18 onde amarramos o áudio aos nossos ativos de hype no centro da tela. Ok? 20. Crie 18: estamos na construção 18. E agora vamos conectar nossa matriz de números aos nossos pequenos ativos de hype que estão estacionados no centro da tela. Então vamos em frente e abrir a porta. Construa PDE. Agora, vamos apenas atualizar que é o edifício da construção oito dele. É esta linha 18 onde criamos um novo vagão chamado meus dados de áudio, certo? E o número de pontos e esta matriz é a minha faixa de áudio para que saibamos que essa matriz é 11 itens. Certo, e aqui no cenário, temos nossa piscina aqui, e nossa piscina tem 11 itens, certo? Então eu obviamente quero amarrar, um, sub item zero da matriz para o primeiro item em nossa piscina e sub item um para o segundo item e assim por diante e assim por diante. Agora, a outra coisa que eu quero fazer é se você olhar nesta linha 48 aqui, certo, certo, nós definir uma cor de branco com um Alfa de 225. O que eu gostaria que acontecesse é que todos os recursos que estão na tela vamos mapear o áudio para a cor da arte. Então preto irá representar se o número está em zero, e se ele empurrar até 100, então ele vai mudar o trabalho artístico para Branco. E teremos toda a escala de cinza no meio. Tudo bem? Nada, na verdade, muda na configuração. Isso é, na verdade, tudo permanece o mesmo da compilação anterior. Agora, dentro do sorteio é onde vamos realmente fazer essa atualização. O que queremos fazer é online 63 h ponto desenhar estágio. Então, o hype é realmente pintar a tela. Agora o que eu quero fazer é que eu quero realmente loop através mas pool e todos os meus 11 itens e, em seguida, mudar a cor de cada item individual. Ok, então, hum, desde a minha matriz no topo de 012345 até 10 eu preciso criar uma variável. Esse é o movimento daquele 01234 até 10. Então você vai notar online 67 eu digo. Está bem. Quando a função draw é acionada, eu quero criar este inteiro. Eu é igual a 200 Obviamente vai ser o primeiro item em nossa matriz. Agora, você pode percorrer os elementos simplesmente escrevendo este 69 on-line que é quatro h desenhar Bill D em pool, então criar uma instância de touros empate para as contas de empate que estão em pool. Então este loop quatro vai realmente correr 11 vezes porque há 11 itens em nossa piscina . Agora eu coloquei esses comentários adoráveis online. 71 talvez até este ponto, talvez você tenha pensado na parte de trás da sua cabeça. Por que Josh está tentando obter números entre zero e 100? Talvez eu não queira um número entre zero e 100. Talvez eu queira um número diferente. Agora ele está falando sobre mudar a cor de algo de preto para branco. Bem, preto e zero e branco são 55 então ele não quer mudar essa coisa para ser um número entre zero e 55? Absolutamente não Eu quero que meus números de áudio sejam um número entre zero e 100 a razão pela qual eu quero um número entre zero e 100 é porque vamos usar essa coisa absolutamente bonita eo processamento chamado Matt e Map permite que você faça tal Eu quero que meus números de áudio sejam um número entre zero e 100 a razão pela qual eu quero um número entre zero e 100 é porque vamos usar essa coisa absolutamente bonita e Coisas gloriosas quando aprendi o mapa pela primeira vez, pensei Este é o meu novo melhor amigo. O mapa permite que você faça é especificar cinco argumentos. O primeiro argumento é a entrada que vem nos dados que entram. Quais são os homens desses dados? Qual é o máximo desses dados? E quais são os homens, Max para quem eu quero mapear? Então vamos em frente e olhar para isso e você verá esta convenção de nomenclatura bastante consistente através do resto dos arquivos. Eu vou dizer algo como FFT e depois o que eu estou tentando fazer, então você vai notar o seu 73 on-line. Estou criando uma entrevista chamada Cor de preenchimento FFT porque isso vai ser recebendo números de FFT, e ele vai ser aplicá-lo para cor de preenchimento. Então eu digo, enterrei sua cor de preenchimento FFT, e então eu digo, Sim, eu quero um inteiro, e eu quero que você mapeie meus dados de áudio, que é nossa matriz no topo. Sub item zero certo, porque eu é igual a zero online 67. Então, quando este loop quatro é executado pela primeira vez, isso está dizendo mapa ir para o raio acima no topo e obter o número de que está estacionado no sub-item zero. Agora, eu só quero que você saiba que os homens e Max que estão chegando é um número entre zero e 100. Meu máximo de áudio no topo, certo? Nós ajustamos meu áudio máximo para 100, então eu sei que , uh, eu tenho este array no topo. Está guardando alguns números, e sei que os homens sempre serão zero, e o máximo será sempre 100. Está guardando alguns números, e sei que os homens sempre serão zero, Agora eu quero levar esse zero e 100 mapeá-lo para um conjunto totalmente novo de números. Certo? E então eu disse que gostaria que você mapeasse entre o número entre zero preto 2 a 55 branco. Certo? Então agora o que acontece é quando esse número na matriz começa a flutuar entre zero e 100. É realmente mapear essa flutuação como um número entre zero e 2 55 Então eu posso realmente usar esta estrutura de mapa um trilhão de vezes, e meu documento e eu podemos mapear dois conjuntos completamente diferentes de números Então é por isso que meu objetivo aqui era obter o espectro FFT para me dar dados numéricos entre zero e 100 porque eu sabia que eu estaria usando mapa para mapeá-lo para um conjunto completamente diferente de números. Muito bem, adoro esta linha 73. Então agora online 74 eu posso dizer que eu quero mudar esta cor de preenchimento Draw Baldies para qualquer que seja o mapeamento de FFT preenchimento Cor está dentro Alfa de 25. Agora isso você vai notar o seu on-line 75 Eu digo que eu mais Então eu zero torna-se executado. E novamente este quatro ao vivo vai continuar correndo. Então vá zero ele vai um vai para vai três ele vai quatro assim por diante assim que ele fica até 10 direita, 0 para 10 11 Uh, o loop for é terminado direito então nós sabemos que a função draw vai ser executado novamente e quando ele é executado novamente ele redefine I de volta para zero e o loop quatro começa tudo de novo. Agora, é claro, o resto do material lá embaixo permanece inalterado. Então vamos em frente e rodar o esboço. E agora vamos começar a ver o que acontece, que é eu posso ver minha base vibrando um pouco e eu posso realmente ver isso. Meu trunfo é que ele vai passar de um estado de preto através de todas as grandes habilidades. E se acontecer de chegar a 100, então ele iria obter o branco mais brilhante. Então agora eu tenho um um em um conexão entre os números FFT que eu mineração. E então eu estou desenhando esses recursos visuais na tela, e eu estou usando esse belo método de mapa. O que me permite ouvir uma entrada? Saiba que meu mínimo e máximo zero e 100, em seguida, mapeá-lo para um conjunto inteiramente novo de números neste caso, 0 a 2 55 para que eu estou realmente mudando a cor de preenchimento aqui agora, como você provavelmente já imaginou, nós precisamos tipo de progresso passado este esboço, e nós vamos fazer isso e construir 19 porque e construir 18 estavam dizendo, Ei, Ei, nós temos 11 coisas em nosso espectro, mas eu também estou desenhando 11 coisas na tela. E se eu quiser fazer mais do que isso? Então agora vamos passar para a construção 19 e eu vou mostrar que você pode desenhar qualquer número de coisas na tela. Mas todos nós vamos fazer com que eles assinem um de nossos itens em nosso número FFT. Então, hum, isso vai ficar com bananas. Então eu vou fechar o World 18 e eu vou vê-lo e construir 19. 21. Crie 19: estamos em construção sabendo, também. Hum, então aqui está uma pequena partida. Hum, construir 18. Esta estava em uma conexão entre os ativos na tela e as coisas acontecendo no espectro de áudio? Certo, então havia 11 coisas na tela. Havia 11 coisas no espectro de áudio, e o primeiro intervalo estava sendo mapeado para o primeiro ativo no segundo no intervalo vai mapear seu segundo ativo, mas muito bem. Isso nos ajudou a ilustrar esse ponto de quão grande é o mapa e blá, blá, blá, blá. Mas não, eu quero ser capaz de pintar, um, um, várias coisas e apenas fazê-los olhar para as 11 coisas lá em baixo. Então, digamos, por exemplo, que eu quisesse pagar 100 coisas na tela. Eu poderia facilmente dizer que eu gostaria de pintar 100 coisas, mas por favor escolha um número aleatório entre zero e 10 certo? Então o primeiro objeto é pintado e diz que zero no 2º 1 é pintado e diz oito. O próximo é pintado e ele diz para o próximo é pintado e diz para bem, certo, então eu quero ser capaz de pintar um número de coisas, mas nós vamos apenas pedir-lhes para escolher um de nossos itens de nossa matriz de áudio. E fazemos isso e construímos 19. Então vamos em frente e abrir, construir P.D. E. e vamos olhar para as modificações. Então o primeiro é online 23. Isso é certo. Vamos pintar 25 coisas, então temos 25 coisas, mas só temos 11 itens na minha matriz de dados de áudio. Então o que eu preciso ser capaz de fazer é, é criar este pool, mas ter uma maneira de eles assinarem um dos itens em nosso raio de 11. Então vamos fazer isso, uh, linha online 39. Eu faço um ajuste para a piscina para desenhar pobre max. Agora sei que a piscina vai escolher 25 coisas. Agora, eu ainda estou usando layout da grade H e eu ainda estou indo Teoh espaço essas coisas para fora. Então eu realmente fiz uma pequena mudança no layout da grade. Eu disse: “ Ei, Ei, você sabe que eu quero que você, Teoh, tenha um início X eixo de 50. Hum, eu quero começar. Por que ainda deve ser exagerado, dividido por dois. Mas veja isso. Mudamos o espaçamento. O espaçamento é agora 25 colunas é agora pool max. Então essa grade agora vai cuspir todos os 25 itens em uma fileira. Ok, agora, uh, o que eu faço é sobre isso no Create write. Isso na criação é o que é acionado para cada um dos ativos individuais. Mais uma vez, sabemos que no Create vai correr 25 vezes para cada um dos nossos pequenos quadrados que transformamos em diamantes. Agora vamos em frente. Online 46. Escolha um número aleatório do meu intervalo de áudio. Então veja o que eu fiz online. 46. Eu disse: “ Ei, Ei, eu quero criar um entrevistador chamado Ran Index Random Index. E é um inteiro, e por favor faça aleatoriamente o meu intervalo de áudio. Então isso é equivalente a escolher um número entre zero e 10. Então, cada vez em criar incêndios, ele está escolhendo um número aleatório entre zero e 10 e salvá-lo para esta variável de índice executado . A questão é que estou pintando 25 coisas. Quero que essas 25 coisas se lembrem. O número aleatório que ele escolheu e nós vamos fazer isso com essa coisinha linda chamada extras. Então, se você olhar aqui para baixo quando estamos realmente definindo nossa pequena gota, tudo bem, nós temos um golpe de preto. Temos Phil de branco em um ALF de 225. Temos aquela âncora do centro e temos aquela rotação de 45. É esta linda linha que nos permite salvar informações com nosso recurso visual. E ah, muito desse pensamento estava meio de volta, como nos dias de flash quando você costumava criar um objeto em sua biblioteca e isso era um item visual. E se você usasse código para puxar esse item para fora na tela, você poderia realmente escrever código dentro dos ativos visuais que tinham algumas declarações variáveis . E sempre que aquela coisa se movia, essas variáveis se movem com ela. Então esse mesmo tipo de pensamento foi colocado nessa coisa chamada extras. E neste caso, estou pedindo para lembrar o número. Então olhe o que eu faço. Eu digo: “ Ei, Ei, largue a bola.” Você tem uma coisinha extra que eu quero que você carregue junto com você. É um novo pacote H pacote H é o que nos permite empacotar ou agrupar objetos ou variáveis ou cordas e levá-los junto com um projeto de lei. O pacote que eu quero que você lembre é um número é um número, e eu quero que você salve essa coisa como uma corda chamada I. Você sabe, isso poderia dizer qualquer coisa que poderia dizer gatinho de serra elétrica, e então você poderia dizer, Ei, durável, você tem uma variável chamada Chainsaw Kitten. Qual é esse número? Certo. Então essa é a referência à variável. E aqui estou eu a chamá-lo. Eu escrevo e estou sendo salvo. Este número aleatório chamado Ran Index Awesome. Então isso significa que esta linha 54 está bem, mais importante, Linha 46 54 agora está trabalhando em conjunto. A linha 46 está escolhendo um número aleatório. Estou criando esse recurso visual, mas estou trazendo o número aleatório que ele escolheu, que novamente é um número entre zero e 10. Então eu sei que eu posso olhar para cada desenho de ervas, e neste caso há 25 deles. Eu posso olhar para essas 25 bolas de sorteio e eu posso dizer que número fazer. Escolhe e vai dizer, sabes, na verdade, escolhi oito. Eu vou para o próximo. Vá Bem, que número você escolheu e foi? Sabe, escolhi ir na próxima segunda-feira, rapaz. Escolha um aumento para que o número esteja sendo salvo junto com o ativo visual. Esperemos que isso seja 1000% claro. Então agora o que eu tenho que ter acontecido é agora que cada uma dessas bolas de empate quando eles estão sendo criados estão salvando um número com ele dentro do sorteio. Agora preciso procurar essa variável. Então vamos em frente e mover para baixo para a função de desenho aqui e você vai notar isso novamente. Você sabe disso para loop H desenhar corpo enquanto está em Poole, blá, blá, blá, blá, mas olhando. O que eu faço on-line 70 e 71 on-line 70 Eu digo, Ei, Eu quero criar este extra temporário como um pacote H. Então eu quero criar essa coisa temporária nesta coisa temporária é de pontos extras. Então, de repente, eu estou dizendo, uh, hey, eu quero percorrer todos os 25 de vocês e eu posso olhar para um deles e ir embora. Ei, eu entendo que você tem um pacote H. Vou chamar-lhe extras temporários. E você pode apenas ir em frente e me dar o seu D sobre extra para que os recursos visuais agora passem as informações extras para este pacote H temporário que eu criei? Sim. Então, na internet 71 eu quero falar com a coisa específica que eu estou tentando chegar, que neste caso, é essa variável eu digo, bem, ferido. Seu olho é igual para me deixar olhar para seu, uh, seu pacote h. E eu estou procurando por um ponto dormente e eu estou procurando por algo especificamente chamado Chainsaw Kitten. Ou neste caso, certo, certo, então agora a linha 71 está recuperando o número aleatório que cada um dos touros empate coloca. E eu amo isso. Sabe, se não tivéssemos isso, teríamos que criar um raio separado no topo, e então teríamos que, você sabe, , como os ativos são bons sendo criados, Eu teria que, hum se esta matriz é 25 itens. E aqui está o número aleatório. Eu peguei no soprador de bolhas, então é meio desconectado. O que eu gosto sobre extras em cada pacote é que é que o valioso número que criamos é realmente anexado ao objeto físico real. E isso é incrível, porque eu poderia dizer que você não tem cada pacote, você tem um extra e você tem um dormente e esse número é chamado “O que é isso? E será nesta linha 71. Pegue esse número e atribua a que eu escrevo. Então, seja lá o que for escolhido, eu sou salvo. Incrível. Agora eu posso dizer que o mesmo é antes, que é que eu não vou fazer isso. Eu como eu estava no 1º 1 passeio estava dizendo, Eu é igual a zero. E então, no loop quatro, eu estava dizendo I plus, eu não preciso mais fazer isso, porque este eu agora é o número aleatório que cada um dos ativos visuais realmente escolheu . Então este guaxinim realmente permanece o mesmo porque agora eu estou dizendo meus dados de áudio I, mas este eu é o número que foi escolhido por cada um dos retângulos. Groovy. Hum, então realmente, essas duas linhas são praticamente iguais. É que nós twittamos o que eu sou agora. On-line 76. Eu só pensei, bem, talvez devêssemos visualizar, na verdade, os números que eles escolheram eso O que eu fiz foi adicionar esta pequena linha 78 foram realmente definir a cor de preenchimento para laranja. Eu defini um tamanho de texto para 12 gelo, defino um texto a linha, e então eu realmente digo, Ei, eu quero que você sabe, eu quero algum texto e eu quero que o texto seja o que eu escolhi e eu quero que sua posição ser desenhar touros ponto exposição. Então agora vai haver um pedaço de texto que está embaixo de um de nossos touros de cada um dos nossos que realmente mostra qual subitem ele pegou no raio. Incrível. Eu vou parar de falar, e eu vou apenas fazer este esboço e vamos ver o que temos aqui. Ok, então nós estamos realmente vendo todos os nossos ativos na tela novamente. Ainda temos 11 itens no espectro, mas agora estamos desenhando. Puxa, eu já esqueci 25. Sim, 25. Então estamos desenhando 25 coisas. Então aqui estão 25 coisas na tela, e eu só quero que você saiba. Vamos olhar para este último aqui, que é qual será o sub item 10 certo, que na verdade seria o 11º agrupamento no espectro porque ele zero a 10. Então olhe para este escolhido 10. Este escolheu 10. Este escolhe 10 e assim por diante. Assim por diante. Vamos procurar por 00 é a nossa base, que é esse verde escuro? Tem um zero aqui. Aqui está um zero. E aqui está um zero aqui, e você vai realmente notar que o amor, esses zeros na verdade todos se animam em conjunto. Então agora estamos chegando a um lugar realmente excitante porque pegamos o áudio que carregamos nele. Reduzimos para o espectro de 11. Estamos salvando que 11 como uma matriz de no topo, mas agora enfraquecer desenhar qualquer número de ativos que queremos, e estamos apenas fazendo com que eles escolham aleatoriamente um de nossos 11 itens. Legal. Eu vou fechar esta lei e vamos continuar expandindo sobre esta idéia e eu vou vê-lo e construir 22. Crie 20: construir 20 olhos. Só vai ser uma pequena modificação da compilação 19. Deve ser um vídeo bastante curto. Olha, Olha, minha camiseta. Essa é a May. Este testamento foi feito pelo adorável Benjamin Fox. Maravilhoso contribuinte do hype. Esse sou eu em um skate. Muito legal. Ainda 20 ligeira modificação da compilação 19. Então nós desenhamos 25 coisas na tela, e nós estávamos tentando encontrar alguns dos números de, você sabe, você sabe, o que eles escolheram aleatoriamente de 0 a 10 direitos para 11 itens. Então eu pensei que talvez eu pudesse fazer, tipo, uma pequena modificação da construção 19 sobre isso. Construa 20. E vamos dar uma olhada nisso. Ainda vamos ser atraídos. 25 coisas que todo este conjunto ainda é absolutamente o mesmo. Nada mudou. O que vou mudar está na verdade no sorteio. Então, de novo, aqui está o nosso pequeno estágio de sorteio. E então aqui está o nosso negócio para o loop quatro. E isso é, na verdade , apenas foi modificado um pouco. Então, uh, aqui, online, 70 71. Vamos receber o extra. Estamos recebendo o número que cada um dos ativos individuais escolheu onde, uh, uh, olhando esse número para a matriz de dados de áudio da mina. Certo. E então estamos mapeando 0 100 a 0 a 0 55 Sem problema. Agora, aqui no slide 76 antes é onde eu estava mapeando o, hum, o texto sob cada um dos diamantes. E eu acabei de expandir isso só um pouquinho. Onde, hum, vamos fazer alguma codificação de cores do texto. E vamos nos mover também. Os activos que são atribuídos ao subitem 40123, que é o nosso som de armadilha. Os activos que são atribuídos ao subitem 40123, que é o nosso som de armadilha. Então, se você olhar aqui, eu simplesmente coloquei em um simples, condicional eu disse, se eu for igual a zero, então eu sei que essa é a nossa base. Eu mudo a cor de preenchimento para esse verde escuro on-line 80 Eu digo outra coisa se é se é igual a três, que deve ser a nossa armadilha. Vamos mudar o preenchimento para uma cor verde clara e hey, desenhar tigela. Eu quero mudar o seu eixo y para ser a altura dividida por dois menos 150. Então, se uma das nossas 25 formas de diamante realmente pegar a armadilha, eu só vou abri-la, ok? E tudo o resto sua cor de preenchimento deve ser aquela laranja ff 3300 E então novamente, esta linha 87 hum, é muito semelhante. Uma espinha estava na compilação 19 onde eu estou definindo o texto, tamanho o texto, alinhar e, em seguida, atribuindo o texto todo o resto abaixo. Inalterado. Então vamos em frente e correr isso e vamos ver se conseguimos algo bom. Só temos uma dessa vez, então só uma armadilha foi realmente escolhida, então eu vou realmente fechá-la, e eu quero executá-la novamente para ver se eu posso fazer aqueles 25 escolherem mais de uma armadilha. Então vamos fazer isso de novo. Lembre-se, isso é tudo aleatório, e chegamos a essa hora, certo? Então vamos deixar isto para o lado. E, curiosamente, olha, olha, apenas uma das nossas formas realmente escolheu zero realmente pegou através do som do baixo, e apenas dois itens escolheram a armadilha de três. Então veja, eu estou codificando cores o texto abaixo, e então eu apenas coloco estes acima para realmente mostrar aquela armadilha. Então, se assistirmos isso novamente toda vez que aquela armadilha bate, aqueles dois devem realmente saltar para um branco para 55. E novamente, isso é aleatório, então deixe-me fechar isso e deixe-me executá-lo novamente. E pode me dar o dedo do pé? Ouça a armadilha. Chegar a outra vez? - Claro. Olha, que ele não escolheu nenhum zeros, certo? Então 25 coisas foram atraídas para a tela e nunca escolheu zero, porque novamente, isso é totalmente aleatório. E aconteceu que se ele está escolhendo um número entre zero e 10 sim, há a possibilidade absoluta de que ele não escolheria zero neste caso. Na verdade,não evitou completamente verdade, esse número aleatoriamente. Uau. Surpreendido? Vamos tentar de novo. Vamos lá. Mais do que duas escadas mais do que duas escadas mais de uma vez lá. Você está me matando. Mas olha, ele fez de novo. Não escolheu zero de novo. Não há zeros. Não faço ideia do que isso significa. Hum, em tudo. Vamos tentar de novo. Vamos lá, cara. Vamos fazer isto. Vamos lá. Ah, olhe para isso. Então, uh, fascinante. Confira isso. Escolheu cinco armadilhas e só escolheu uma base. Certo, então vamos deixar este, você sabe, correr um pouco aqui. Então aqui, você sabe, cinco desses 25 na verdade aterrissaram no subitem três, que é, hum, novamente aquele som da armadilha. Então, quando este áudio realmente chuta no caminho deve realmente assistir desses cinco. Pisque para realmente este som de armadilha. E surpreendentemente, só uma base tem, o que é engraçado. Tudo bem, vou em frente e fechar isso. Isso termina a compilação 20. Nós pintamos 25 coisas e as anexamos a um layout de grade. Vamos mudar isso na compilação 21. Vamos nos livrar do layout da grade e vamos jogar um monte de coisas na tela e ver que tipo de animação visual temos. Então, Então, acabando com Bill 20 e te vejo e construo 21. 23. Crie 21: estamos na construção 21. E como eu tinha mencionado antes, nós vamos fazer uma pequena modificação da compilação 20 que é apenas jogar um monte de coisas na tela. Então, na construção 21 eu vou ir em frente e abrir. Construa P D. E. Agora, a primeira coisa que você pode notar está online. Oito eu disse show visualize, er false. Na verdade, não preciso vê-la agora porque sei que tudo está fazendo o que precisa fazer, que é colocar um monte de recursos visuais na tela. Eu tenho esse espectro de áudio que foi reduzido para 11 bandas e tudo está funcionando como uma máquina oleada fina. Então visualize, er eu não preciso de você para este esboço em particular. Você está aí, mas por favor fique quieto. Hum, agora, vamos em frente e olhar para a linha 23. Por que ter 25 coisas quando você pode ter 100 coisas? Eso vai notar que eu mudei a piscina Max para 100 porque nós vamos pintar 100 ativos na tela. Agora há um ligeiro ajuste para a configuração, e isso tem a ver com pool. Você vai notar que na piscina aqui eu removi o layout da grade H. Eu não preciso fazer um bom layout, porque eu vou apenas espalhar aleatoriamente esses objetos pela largura e altura do meu esboço. E então eu removi o layout da grade H, e eu adicionei aqui em linha 53. Adicionei um método de localização. Então eu vi ponto loc e eu digo aleatório com altura aleatória. Então agora eu sei que a exposição local na posição y vai ser alguma posição aleatória X e Y baseada na minha largura do meu esboço e a altura do meu esboço. Certo. Então isso espalhará um monte de coisas na tela. Extras e pacote Ainda trabalhando absolutamente o mesmo. E, na verdade, se você vier ao sorteio, nada mudou. Este loop de quatro é na verdade o mesmo que foi na construção 20 onde eu vou mapear o áudio para escala de cinza 0 a 2 55 Então, preto Dwight, com toda a escala de Graal no meio e eu estou mesmo Bem, sim, Eu sinto muito. Notei que fiz um ligeiro ajuste ao texto. Na verdade, vou ficar com a mensagem. Uh, em cima dos ativos visuais, você veria o recurso visual, e então haveria um pedaço de texto acima dele que iria dizer novamente qual subitem ele realmente escolheu aleatoriamente acima. Então eu fiz uma pequena mudança aqui. Linha 82 do Teoh. Mas novamente, se você se lembra, linha 78 é a nossa base. Comece verde para o Phil, nossas linhas 79 é nossa armadilha, que é um verde claro. E todo mundo tem aquele lindo tom de laranja FF 3300 Sim, eu amo isso. Linha 82. Eu fiz um pequeno ajuste onde eu disse que o texto é o que quer que ele escolheu para eu e sua exposição é o empate bill dot Exe e é por isso que é o projeto de lei que Por isso antes? Se você se lembra, eu acho que foi como altura dividida por dois. E assim linha 82. Agora, o texto está na verdade agora seguindo o recurso de boliche. Então vamos em frente. Executa isto. E, hum, ótimo. Agora estamos pintando umas 100 coisas na tela. Eles estão ficando espalhados pela largura e altura, e vamos apenas assistir isso como, você sabe, novamente, novamente, eu posso meio que ter uma sensação, hum, da minha base, Certo. Eu posso ver esses pequenos zeros, e assim eu posso tipo de ter uma noção de quantos itens realmente escolheram zero. E todos vocês vêem o movimento juntos. Essa é a parte muito importante deste esboço. Isso é porque nós reduzimos o alcance de áudio Theo para 11 nós podemos tipo de ver 11 agrupamentos, certo? Podemos realmente ter uma noção de Ok, eu estou jogando 100 coisas para baixo na tela e eu realmente posso ter uma noção de tudo deles lá é a base, certo? E novamente, eu poderia procurar meus três e eu poderia ver todas essas coisas se movendo em conjunto com os três. Então Bill, 21, eu realmente gosto disso. Eu realmente tenho uma noção disso. Reduzimos o áudio para 11, o que é bom, e jogando essas 100 coisas na tela, estou pegando essa coisa. Essa é a essência de todos os tipos de sons diferentes que estão acontecendo. Eu vou fechar isso e nós vamos seguir em frente para construir 22 ruim, e eu vou explicar por que eu disse ruim neste aqui. Construído 22 deve ser um vídeo muito curto, então vamos fechar isso e discutir a maldade e construir 22. 24. Crie 22: Pássaro da explosão. Você sabia que isso estava por vir. Vamos lá. Como é que não sabias que isso ia acontecer? Construir 22 ruim. Sabe, se eu pudesse colocar um ponto de interrogação no nome final, provavelmente teria colocado um. Hughes, Hughes, por quê? Acho que 22 é ruim e fique comigo aqui. Vamos em frente e abrir esse Bill PD. E vamos olhar para as coisas que eu mudei. A primeira é que o objetivo deste arquivo é demonstrar por que fizemos essa redução para 11. Verifica isso. Mostre a Visualize. Er verdade, Meu alcance de áudio. Ei, cara, volte logo. Até 256 eso mudei a faixa de áudio da mina de 11 até 256 e até ajustei minha amplitude para voltar àquelas amplitude de 256. para voltar àquelas para voltar àquelas amplitude de 256. Agora. Este projeto de lei 22 é muito semelhante ao build 21. É desenhar ah 100 ativos com piscina Max e a configuração no sorteio são absolutamente os mesmos que eles estão em construir Build 21. Acho que neste eu realmente removi. Eu fiz. Se você olhar para o sorteio aqui, eu me livrei do texto. Então há o loop quatro e eu estou literalmente apenas desenhando o h rex, que eu rodei 45 graus. Então eles são diamantes. E eu estou dizendo, olha o que acontece quando você joga 100 coisas na tela e pede a eles para, aleatoriamente , pegar uma corrida de nossas 256 bandas individuais. Então, de 0 a 55, vou fazer este esboço e vamos falar sobre isso, bem? Está bem. A primeira coisa que você pode notar, também é que eu fiz alguns ajustes para o nosso widget porque com os retângulos sendo um tamanho de quatro, obviamente eles iriam. Eles correriam completamente para fora da tela, a fim de ver todos os 256. Então aqui em baixo on-line 94 você pode notar que eu mudei o com dedo do pé um. O espaçamento é para você sabe, então há um espaço entre cada um desses pixels. Agora, aqui está o porquê. Eu não gosto do 22 porque eu gosto do 21 é quando você pega a construção 21 você reduz tudo para 11 há semelhança, certo? Se você fechasse a compilação 22 para executar a compilação 21 novamente, você veria que há vários objetos na tela que assinaram o subitem zero, que é a zero, nossa base ou auto-item três, que é a nossa armadilha. E você os veria se movendo em conjunto e que se movendo em conjunto para mim cria esse padrão. Ele cria essa estética para que quando eu estiver olhando para o esboço, eu possa ir. Ok, eu posso ver que há algumas coisas na tela que estão trabalhando em coordenação. de Algunsdevocês podem adorar esta nota 22. A compilação 22 está a dar-te cada pequena nuance de som que está a acontecer neste espectro. compilação 22 está a dar-te cada pequena nuance de som que está a acontecer neste espectro Mas o que isso está faltando para um trabalho Fela Davis é essa coordenação. Essa semelhança é por isso que eu digo que reduzir seu alcance de áudio para um número menor significa que você vai ver recursos visuais na tela que estão trabalhando juntos. Você pode dizer OK, essas duas coisas estão definitivamente fazendo a mesma coisa porque eles estão se movendo no mesmo ritmo. Se você abrir que o meu áudio arranjado para 256 que é menos provável de ocorrer. Hum, então eu vou fechar este, hum, ruim com um ponto de interrogação. Estou me esforçando por esse padrão que estou me esforçando. Ah, tem um pouco. Há algumas conexões que estão acontecendo aqui porque eu vejo objetos na tela que estão se movendo em conjunto. E é por isso que estou super interessado em pegar esses 256 e reduzi-los a um número que ainda nos dá a essência do áudio. Mas então começamos a fazer essas conexões. Começamos a dizer, eu acho que há essas coisas na tela. Eles estão todos respondendo à armadilha porque, na verdade, na verdade, eles estão, hum, no Bill 22 Bad Bill 22 ruim. É menos provável que isso ocorra. Eu também devo notar que neste esboço meu widget de dados de áudio também atualizado. Eu tirei a codificação de cores para que você possa notar que o widget de fato, encolhe um pouco o código que estava localizado nessa função particular porque eu acabei dizer, você sabe, neste ponto, Eu não preciso ver a base, e eu não preciso ver uma armadilha. Na verdade, que zero em três anos provavelmente muito confiável porque a armadilha realmente é, está em outra posição. Se você está olhando para todos os 256 eu quase esqueci. Olha, eu de novo, mas desta vez vou escrever para o meu helicóptero. Benjamin Fox Ilustração de drástico. Olha para isto. Olhe para mim. Isso sou eu. Sou eu no meu helicóptero. Eu adoro isso! Benjamin Fox era o Prince tão bom? Vamos em frente e fechar, Build 22 ver onde pressionamos e construímos 23. 25. Crie 23: estamos na construção 23. E, hum, eu estou apenas brincando com, uh, uh, vá em frente e abra, construa PTE. E vamos passar por algumas das coisas que mudei aqui. Mapa. Adoramos o Mac. Hum, e então nós vamos adicionar outro. Mas neste, Eu adicionei esta pequena coisa aqui online 29 onde eu disse auto claro. Falso. Então vai deixar um resíduo dos bens na tela. E, uh, então auto claro, falso. Basicamente diz, você sabe, não limpar o fundo com a cor de fundo, limpar automaticamente. Verdadeiro. Isso é por padrão. Então, se ele disse auto claro, verdadeiro ou se eu simplesmente não tinha isso em tudo, então ele sempre iria limpar com a cor de fundo. Acho que a piscina ainda é a mesma. Acho que a piscina ainda é a mesma. E aqui dentro do sorteio, eu tinha outro mapa. Isto é o que eu amo no Map é novamente. Você vai assinar um conjunto de números dois e um conjunto completamente diferente de números. Então eu fiz uma nova variável de entrevista aqui online 74. Eu disse tamanho certo, porque vamos dimensionar o tamanho das nossas imagens. Hum, não vamos esquecer que a cor fft sentir ainda vai fazer aquela escala de cinza preto dedo branco. Mas agora vamos apresentar um de tamanhode escala. Certo. Então eu disse aqui, tamanho fft Hey, adivinhe. Você sabe que meu subitem de dados de áudio está chegando. Isso é um número entre zero e 100, mas vamos mapeá-lo para 0 300 Então, novamente, ele ainda está levando que min e max 0 100 mapeando para uma propriedade totalmente nova, hum, nova, hum, nova,então on-line 76 ano eu só digo d dot fill e eu ir em frente e colocar no FFT cor de preenchimento direito, al, para transparência para tweetar e, em seguida, tamanho. Eu só digo fft uh, tamanho 50. Então vamos em frente e executar este esboço por um pouco e você pode ver que nós vamos apenas repetir pintar o fundo. E se ele se inscrever para um subitem específico e esse item de servir passar a zero, então é tamanho zero. E se ele empurrar 200, então ele está mudando seu tamanho para 300. Então, novamente, apenas realmente tentando chegar em casa aqui sobre, hum, por que o mapa é ótimo e por que queremos um número entre zero e 100 porque podemos usar matemática e qualquer número de configurações. Pode até ser negativo. Número dois, um número positivo. Certo? Porque você está apenas mapeando um conjunto de números para outro conjunto de números. Não importa o que isso tenha alcance, tão cruel. Uh, vamos em frente e desligar isso. Este waas construir 23. , Vamos fechar isto, e depois vamos para a construção 24 onde introduzimos a codificação de cores. Vê-lo na próxima conta. 26. Crie 24: Apenas viver a vida vem abusar que é a morte de volta as cores sangue tão maciço que você gosta com o caminho. Só estou. Ouça, não posso te ajudar. Você pagou por esta aula. Você está no fundo. Hum, cor. Vamos fazer um código de cores. Eso eu estou na construção 24 cor. Vamos abrir um projeto de lei PTE. E o que eu fiz foi dizer Bem, ok, eu sei que meu alcance de áudio foi reduzido para 11. Alguém para escolher 11 cores. Então o que eu fiz é online 26 ano. Na verdade, criei uma matriz de cores decimais do Texas. Está bem. E o mais importante, é que coloquei algumas cores muito específicas, certo? Então você vai notar isso para a base. Certo, porque isto vai ser o sub-item zero. Então, se uma peça de arte fotos do item zero i mo que a base vai ter uma cor laranja . E aqui sobreviveu um aqui, tão vital para ouvir o subitem três. Eu sei que o sub item três é a cor da nossa armadilha. Então eu fui em frente e atacar que um azul muito específico. Então a coisa boa é que eu meio que escolhi uma variedade de cores, mas, hum, eu estou atribuindo laranja para a base e azul para a armadilha. Agora, além disso, fiz algumas outras mudanças. Você pode notar que a limpeza automática está de volta aos olhos. Voltar para verdadeiro eso se você queria mexer com alternância ing auto. Verdadeiro auto claro para verdadeiro ou falso. Você sabe, você só deixa isso aí. Só saiba que auto clear true é sempre por padrão, que significa que, você sabe, se você soubesse que iria usá-lo novamente, você poderia realmente apagá-lo. Uma limpeza automática é realmente igual a true por padrão. Está bem, , mas vou mantê-lo aí, caso queiras brincar, alternar com ele? Fora isso, a configuração, hum, quase permanece a mesma, exceto pela configuração da cor. Então você vai notar que se você se lembrar de antes de 48 on-line é onde nós estamos escolhendo esse número aleatório onde estavam escolhendo aleatoriamente um número entre zero e 10. Então, online 53 eu disse, Bem, ok, deixe-me ir até o paladar e pegar meu ID de associado rodou o subitem Index, certo? Então é essa linha 53 que vai até a linha 26 indo para zero ou 10 para realmente obter sua cor. Certo? Então, a Linha 53 é onde essa cor fica definida. Agora, eu também fiz outro ajuste e, hum, este é divertido. Desde que não estamos fazendo isso fft full color mais por causa de realmente definir a cor de preenchimento uma vez, a única coisa que eu estaria mantendo aqui é o tamanho. Certo? Então, se você rolar para baixo até o sorteio, eu realmente fiz algo divertido, que é que eu disse, Bem, se eu quisesse anexar um tamanho específico para a caixa da bacia, mas outro tamanho levou todo o resto do, Números ? Certo. Então o que eu faço é online 76 eu digo. Ok, bem, deixe-me criar uma instância de tamanho fft. É um inteiro, e então eu apenas colocar um pouco condicional pouco se mais. E eu disse, Se eu é igual a zero ou eu é igual a três do que Fft tamanho novamente é nossos dados de áudio. É um número de homens, é zero. O máximo é 100 e eu vou mudar esse tamanho de 0 para 300. Certo? Então a base na armadilha vai ter uma escala maior do que a outra que é o resto dos ativos. Então eu digo Ok, bem, se não é zero ou três, então deve ser outros caras Thea. E então eu digo tamanho fft praticamente a mesma coisa. Então este tamanho fft que ele colocou aparecem on-line 76 é definido com um número entre acredite ou não zero e 100. Certo? Então mapa também é bom porque eu posso usá-lo. Uh, ótimo. Sabe, pintar 100 objetos na tela reduziu tudo para 11 para 11. Mas eu posso usar o mapa para dizer Ah, bem, certas coisas devem ser maiores do que outras e outras podem talvez se estabelecer um pouco mais. Então, apenas um pequeno truque agradável para usar novamente mapa, mas para o mesmo tamanho fft variável. Então online 79. Tirei o preenchimento de ponto d porque, de novo, não vamos usar mais isso. E nós só temos d dot tamanho fft tamanho um, rockin Vamos executar isso. Está bem. Então, novamente as bases laranja e a armadilha é azul, mas novamente, mais especificamente em e novamente. Estes são truques que eu amo fazer, que é eu estou forçando um padrão em você. E esse padrão é que vermelho e azul são mais dominantes, certo? Mas é de uma forma tão sutil. Então você sabe que bases laranja, que laço é azul, e você está recebendo isso como um número entre zero e 300 e, em seguida, todos os outros ativos restantes que estão lá são apenas usados como textura na peça. Mas sim, eles não. Klima está tão alto quanto a base e o olhar. Então é disso que eu estou falando, tipo, você sabe, você sabe, em alguns esboços anteriores de criar esse tipo de padrão de design para que você pudesse olhar para isso e ir tudo. Houve uma ênfase muito sutil colocada nessas duas coisas particulares que aconteceram no espectro. E apesar de haver outros recursos e outras cores, não há dúvida de que quando você se senta e assiste isso, eu estou forçando alimentá-lo aquela laranja e forçá-lo a conhecê-lo aquele azul você apenas sente isso. Hum, então eu vou chegar mais perto. Gosto desta ideia de encontrar estas formas de enfatizar um padrão de design muito sutil. Ok, uh, isso deve ser praticamente desligado. Build 24. Vamos passar para o próximo que é construído 25 26 que é talvez eu não queira usar um retângulo ou elipse. Talvez eu queira pintar com um PNG transparente. Ou talvez eu queira pintar com SPG que eu faça um ilustrador. Então vamos em frente e fechar isso. Construa 24 e eu te verei e construirei 25. 27. Crie 25: Estamos na construção 25 isto é PNG, e Oh, meu Deus, eu amo este arquivo. E, hum, porque tem um truque. E este é o meu novo truque. E eu amo esse truque novo, e eu vou compartilhar esse truque com você. E depois que eu terminar de compartilhar esse truque com você, você vai calar a boca. Não vais contar este truque a ninguém. Temos que ter segredos. A maneira deve ter segredos. Eu realmente amo isso, realmenteamo isso. Eu realmente amo isso, realmente E o que vamos fazer é fazer um PNG. Então você vai notar dentro da pasta de dados não é bloqueado ponto ai e bloqueado PNG. E o que eu quero fazer é abrir este bloco ponto ai e, uh, olhar para o que eu fiz. Hum, se eu entrar em documentos configurados e eu olhar para o quadro de arte, é uma largura de 350, uma altura de 350 e eu acabei de fazer um vetor, você sabe, uh , quadrado e arredondado as bordas e virou-o. E, você sabe, no entanto, o que eu fiz aqui foi colocar um brilho externo, certo, então eu vim para efeito, eu fui para olhos de estilo e eu disse, brilho externo em meus ativos vetoriais. Então ele cria esse tipo de, tipo, boa gota, coisa sombria, mas todo o caminho, certo? Não é “Drop Show”. É azul. Agora você notará que o brilho externo termina. Hum, apenas venha aqui. Isto é branco. Sabes, isto é tudo branco aqui, e estou a fazer os meus bens para que estejam a flutuar nisto neste PNG e se eu fosse mesmo guardar isto outra vez aqui, verias um tabuleiro de xadrez padrão, e isso é porque eu vou salvar isso como um PNG transparente. Agora, vou fechar isto bem rápido porque há uma coisa importante que temos de falar, que é o meu truque. Meu truque é que todos os seus recursos PNG são brancos. Hum, uh, eu vou me certificar de que todos os meus recursos PNG são brancos e você vai ver o porquê aqui em um segundo. Então vamos fingir que guardo isso. Guardei isto é o meu P e G. Então agora tenho um PNG dentro da pasta de dados. Isto é tudo transparente do lado de fora. Eu tenho este tipo agradável Grady int de brilho externo que também tem transparência e minha cor fil do meu ativo é branco. Tudo bem, então vamos para, hum, construir PDE aqui e novamente que a maior parte disso é a mesma. No entanto, um, note que eu ainda tenho o, você sabe, o paladar Cor auto claro. - Sim. Na verdade, conversei com aquele cara de volta para falso de novo. OK, então não vamos limpar o fundo. Agora, vamos em frente e olhar para a linha 44 on-line 44 em vez de novo H destruído como anterior, nós estamos apenas dizendo nova imagem H e, em seguida, passando na cadeia do nome do meu PNG, que, é claro, dentro Agora, uh, eu vou estar pintando com um PNG transparente, e, uh, e, uh, uh, a outra coisa que é legal é se você vir aqui, reboque a linha 53. Diz paleta de cores, Randon. Próximo aluguel correu índice, e você mesmo pode estar dizendo, espere um segundo. Como você está definindo uma cor de preenchimento quando é uma, uh quando é uma imagem que acaba em hype? Se você carregar uma imagem H e a imagem H estiver branca, tudo bem. E eu vou falar sobre o que precisa ser branco quando você definir uma cor de preenchimento, você está realmente aplicando uma tenda. Acredites ou não, nossa base vai ser laranja na nossa armadilha vai ser azul. Então, antes de continuarmos essa conversa um pouco mais, vamos rolar para baixo e perceber que nada mudou. A única coisa que mudei foi que apresentei esta nova imagem H. Então deixe-me ir em frente e executar este esboço e vamos ver o que conseguimos. Então, sim, olhe para isso. Acontece que se você usar um PNG branco e definir uma cor de preenchimento em hype, eu estou supondo que você quer fazer uma tenda. Então eu realmente aplicar uma cor de tenda em cima do seu PNG branco. E como é branco, ele realmente absorve toda a cor. Certo. Então isso é meio interessante de falar sobre, porque se eu tivesse feito meus ativos preto e PNG colocando cor em preto é, ele nunca veria a cor. Desde que os meus bens sejam brancos. Hum, eu realmente conecto conjunto de Phil, e eu vou realmente obter a mesma cor de preenchimento. Mas olhe para esse aprimoramento. Estou recebendo essa sombra, esse tipo de golpe externo em torno dos meus bens. Então, houve algumas vezes que eu postei nas redes sociais e as pessoas disseram: “ Bem, Bem, ei, como você está recebendo esse brilho externo em um retângulo da natureza? Hum, como você está fazendo isso no processamento? E o truque é que estou usando um PNG transparente. Então, se eu quiser uma sombra, eu posso realmente aplicar a sombra e o ilustrador desde que minha arte esteja certa. Então eu sei que vai absorver toda a cor. Sim, então um grande truque. E novamente, digamos que você fez um PNG e você realmente tinha cor em vez de branco. Em seguida, ele iria preencher essa cor como uma tenda em cima da sua cor para que ele possa ficar um pouco estranho. Então é por isso que, novamente, muitos dos meus ativos que têm sido paging com geralmente são apenas brancos brilhantes, porque então eu sei que quando você disse isso, Phil, ele vai aplicar a cor exatamente como é especificado no Sua idade, certo? Então você pode ver que eu estou pegando a cor laranja base e eu estou pegando a tarola azul. Mas eu tenho essa característica adicional de ter aquele brilho exterior. Então, de muitas maneiras, se eu gostaria de manter o saque geral estética da composição plana, então encontrar oito retângulo é a maneira de obter Oh, basta usar um oito rastreado e tudo está bem. Mas se você quiser adicionar algo que talvez tenha ruído ou talvez tenha uma sombra, ou talvez tenha um brilho interno ou um brilho externo, você pode realmente tornar esses ativos um ilustrador. Aplique esses efeitos de filtro, salve-os como um PNG transparente. E agora você está pintando com um ativo PNG transparente, e isso só vai lhe dar alguns recursos adicionais que um direto obviamente não pode fazer. E eu tenho certeza que você notou que nós conseguimos a velocidade para. Eu tentei fazer alguns filtros em cima de bolas de desenhar dentro do processamento, e às vezes isso pode matar taxa de quadros. Então este truque PNG transparente é incrível. É... é um dos meus favoritos. Ok, isso vai fechar isso porque vamos avançar para a construção 26 que está trabalhando com ativos SPG. Também dentro do ilustrador eso. Vamos pintar com SPG em vez de um PNG transparente Veja na próxima compilação 26 . 28. Crie 26: Ótimo. Então, estamos agora na compilação 26, vamos usar o SPG. Então, uh, se você realmente, uh, olhar para os arquivos vetoriais, vamos em frente e entrar em dados e você vai notar que há um, uh hum hexadecimal um ponto ai x dois pontos ai ai hex três pontos ai. E se você abrisse estes, você veria que há apenas alguns hexágonos com padrões diferentes sobre eles. Agora, se eu fosse abrir isso no Illustrator um ótimo. Hum, eu poderia querer usar SPG porque novamente Aiken ir na mesma rodada como um PNG. Exceto que eu posso ADM ou detalhes, eu posso adicionar mais linhas. Posso adicionar mais, mais padrão a ele. Então usar um direto foi ótimo usando P e G foi ótimo, mas sim, você sabe, no final do dia, eu poderia querer adicionar mais um pouco mais de textura a essa coisa. Então, obviamente, o SPG não é uma opção. Agora, quando você faz esses ativos vetoriais dentro do ilustrador, você está simplesmente vindo aqui e fazendo um salvamento como e você especificaria que ele é um arquivo SPG . Então, se olharmos dentro desta pasta de dados. Eu já os salvei. Agora a coisa boa, se você se lembra de antes do SPG é apenas arquivo de texto, você pode realmente abri-lo dentro de texto sublime para e você pode realmente ver, hum, parâmetros que foram definidos para todos esses vetores dentro deste SPG. Então o SPG é, na verdade , extremamente fácil de verificar dentro de um editor de texto. Agora, vamos em frente e abrir nossa compilação PTE. E como você deve ter adivinhado, não muito é diferente. Você vai ver aqui em baixo on-line 43 44 a 46 Estou adicionando são três ativos spg. Então, hum, eu vou em frente e digo que é uma nova forma de oito. Eu passo em uma string, o nome do SPG que eu quero carregar. E então eu coloquei algumas configurações iniciais como habilitar estilo falso, você diz habilitar estilo. Verdadeiro. Então vai ficar tão preto e branco como é um ilustrador. Ao colocar este estilo habilitar falso, isso significa que eu posso começar a definir meu próprio tamanho preenche traçado. Eu posso definir minhas próprias cores Phil assim por diante e assim por diante hum e isso é apenas algo que eu tenho o hábito de fazer, que é sempre especificar que o curso se junte e o curso tampam nosso centro. E isso é porque se eu for sair, devolva isto ao ilustrador. Um uh, eu normalmente quero que minha articulação e tampas para ser centrado A Eles tendem a limpar os vetores tipo de maneira que eu costumo colocá-los quando eu estou apenas trabalhando ilustrador direto . Enfim, Enfim, Enfim, quando essa piscina vai funcionar 100 vezes, agora está pegando aleatoriamente um desses três arquivos S V G. E novamente, eu posso vir aqui e dizer que o derrame vai ser preto e o Phil vai subir ao paladar e escolher aleatoriamente uma de nossas cores. Hum, Agora, você vai, hum, ver aqui que praticamente tudo o resto está inalterado. Então eu vou em frente e executar isso e nós deveríamos estar pintando com esses ativos SPG. Ok, então, tão legal. Nós meio que esses últimos três arquivos de realmente encapsulados, hum essas coisas diferentes que enfraquecem fazer retirar bolhas. Nós podemos usar hype, desenhar furúnculos como um h lábios diretos Então por diante e assim por diante Waken usar PNG como apenas uma espécie de como um pouco de um truque adicional de ser capaz de adicionar algumas sombras ou algum ruído ou brilho ou qualquer outra coisa. E então este final, sim, estamos pintando com ativos SPG. Então, se você realmente fez, hum, minhas duas primeiras aulas, obviamente eu forneci arquivos spg Cem nessa classe. E com certeza, você pode trocá-los, modificar o código, e tudo isso será, hum, aderindo ao número aleatório que ele escolhe. Um número aleatório que escolhe entre zero e 10 está relacionado ao tema do espectro de áudio. E novamente, estou fazendo essa coisa, essa codificação de cores. Então você sabe, a base das laranjas e o azul é a armadilha. Tão legal, uh, ótimo para tirar um pouco de partida com Bill 25 26 27 apenas falar sobre os diferentes tipos de ativos que podemos usar. Agora, vamos apenas mergulhar um pouco mais e eu prometo a vocês agora, da compilação 27 o código vai começar a ficar mais complexo. Vamos introduzir coisas como grades e depois três grades D e, em seguida, três d desenhar touros e sistemas de iluminação, e vai ficar divertido. Então vamos em frente e fechar esta conta e eu vou vê-lo e construir 27 onde vamos introduzir uma grade ver no próximo. 29. Crie 27: Agora neste arquivo, construir 27 grade, você pode notar que eu marquei vermelho. E a razão pela qual eu marquei em vermelho é porque eu quero introduzir um novo conceito, mas separá-lo do áudio. Então, você vai ver. Eu vou fazer isso mais algumas vezes onde eu quero dizer, bem , ok, vamos pensar sobre isso. Mas vamos anexá-lo do áudio por um momento. Então, neste, eu vou apenas adicionar um layout de grade. E novamente, se você já fez minhas aulas anteriores, isso foi todo o caminho de volta na primeira classe onde você poderia usar, um, um, no layout de HK livrar, layout do dedo do pé, coisas na tela. Então este deve ser um vídeo relativamente curto. Então vamos em frente e entrar em Build PTE. E a maior parte disto, hum, deve parecer familiar. Não mudei muito. Você vai notar que, hum, eu reintroduzo r r h destruído novamente. Eu trouxe isso de volta. Certo? Então tivemos a discussão sobre PNG. Tivemos uma discussão sobre o SPG, mas no caso disso, vou voltar ao retângulo H. Não, hum, se eu fosse rolar até o topo aqui. Você veria que eu introduzi duas novas variáveis para colunas e linhas. Então eu disse, eu quero sete colunas e eu quero sete linhas de ativos. Certo? Então eu disse para Thies apresentar e isso significa que eu não vou mais pintar 100 coisas na tela. Hum, então nesta linha 43 eu estou dizendo, ok, eu quero desenhar colunas vezes linha, certo. E além do 46 online eu digo, bem, bem, OK, eu quero fazer um layout de grade H. E então, hum, eu digo que parte da piscina é um layout. É um novo layout da grade H. Eu queria começar com um eixo X de 110 pixels. Eu também queria começar em um eixo Y de 110 pixels. E quero que o espaçamento da obra seja 80 no X e 80 no porquê. E, claro, preciso especificar as colunas. Eso eu só ir em frente e passar que esse pool chama inter jurado que eu especifiquei aparecem online 23 Agora, um, no on criar novamente a maioria deste permaneceu o mesmo. Eu disse que não tenho derrame . Phil, coloquei a âncora e o centro. Eu rodei 45 graus. E claro que temos nosso pacote extras que está agarrando aleatoriamente. Um dos nossos índices é agora. Vou definir a cor para que possamos ver laranja para base e azul para laço . Mas se você descer para desenhar aqui, você vai notar que eu comentei o loop quatro porque eu estou dizendo, vamos apenas anexá-lo do, hum do áudio. Então, hum, isso é algumas coisas que eu provavelmente vou usar no próximo arquivo, mas agora, não há nada dentro do desenho que realmente anexe este novo layout de grade de retângulos H ao áudio. Então, caso em questão, se eu fosse executar o esboço grande, ele faz exatamente como previsto, que eu tenho sete colunas por sete linhas, e eu tenho este layout de grade H que está fazendo o espaçamento de 80 para que eles se sobrepõem um pouco. Mas essa sobreposição é feita de uma forma em que eu recebo esses pequenos, um, perto entre os ativos e novamente na função de sorteio. Não estamos a fazer nada que o esteja a ligar ao áudio. Então eu vou fechar esse esboço, e nós realmente vamos fechar. Construído 27. Eu disse que este ia ser curto. Acho que vou continuar a fazer isto, que é sempre que introduzimos algo novo. Eu só vou desanexá-lo do áudio e dizer, OK, vamos apenas focar na coisa que estamos tentando fazer visual na tela, então vamos amarrá-lo de volta ao áudio. Então isto vai acabar com esta lei 27. Construímos nossa rede. Vamos em frente e saltar para a construção 28 onde agora anexamos nossos dados de áudio a, uh, esta grade. Então nos vemos na compilação 28 30. Crie 28: Então isso é construído 28 agora temos nosso Gridley fora acontecendo em nosso esboço. Então vamos verificar literalmente. Basta implementar um pequeno bloco de código para ligá-lo ao espectro de áudio. Este provavelmente será o vídeo mais curto que eu gravar. Tudo permanece praticamente o mesmo da compilação anterior. As coisas que eu vou apontar é a linha 55 ou configuração que preencher cor que Phil cores relacionadas com esse raio de cor para cima na laranja superior para azul base para laço totalmente 1000%. Entendeu isso? Então é, uh, esta é a única mudança neste arquivo. Hum está alinhado 73 a 79. Estou dizendo, ótimo! Agora vamos passar pela piscina. Vamos ver esse pacote H. Vamos ver esse extra. Vamos ver qual número aleatório escolheu entre zero e 10 neste momento. Eu estou fazendo um novo mapa de FFT Alfa, certo, e eu estou dizendo, Vamos mapear os dados de áudio, que é um número entre zero e 100 vamos agora mapeá-lo para um número entre zero e 2 55 então 2 55 não sendo transparente em tudo, e zero sendo completamente escondido da tela. Então, em seguida, on-line 78 eu estou dizendo d dot alfa fft alfa. Então vamos em frente e executar este esboço e a grade está lá. A obra de arte está lá. O comedor está lá. Mas você estava realmente usando o espectro de áudio para trazer a transparência Alfa para que nós percebamos isso, uh,uma grade ligeiramente escondida uh, , certo? E então, quando esse áudio realmente entrar em ação, vamos assistir a essa grade obviamente ficar muito mais brilhante quando todos esses limiares chegarem além de , hum, 100. Tão fixe. Este é provavelmente o vídeo mais curto que eu vou criar. Um eso Este é um grande. Nós temos esse layout de grade agradável que estamos fazendo nós codificado por cores com base no espectro de áudio , e estamos usando Alfa para mostrar e esconder os ativos. Uhm, mas eu tenho que te dizer, você sabe, eu fiz dois D por muito tempo, e eu peguei o anzol dourado de três D, e eu adoro fazer as coisas agora em um espaço tridimensional. Então, um, você deve notar que a compilação 29 agora vai introduzir um ambiente de três D. Então vamos em frente e desligar. Construa 28. Vamos avançar para a construção 29. Vamos ver se podemos anexar os dados de áudio a um ambiente tridimensional. Então eu vou vê-lo e construir 29. 31. Crie 29: Tudo bem. Estamos na construção 29 3 D. E não há E não hádúvida para mim que é aqui que começa a ficar divertido. Eu realmente gosto de fazer esse tipo de animações no espaço tridimensional. Na verdade, vamos cobrir um três D praticamente de 29 até 42. Tudo bem, mas vamos começar, hum, bem mellow aqui. Então vamos olhar para a compilação 29. Vamos em frente e abrir construir PTE. E e deixe-me abrir isso. Então, há algumas coisas iniciais que precisamos modificar, e é que você precisa dizer ao processamento que ele vai ser um ambiente tridimensional . E então, além disso, você precisa dizer ao hype que ele vai ser um ambiente de três D. Assim ele muda de coordenadas bidimensionais para coordenadas tridimensionais. Então você vai notar aqui na linha 32 que dizemos p 3 d, então o campus vai ser 700 por 700. Mas estamos transformando esse esboço em um esboço de três D. E então, assim como eu mencionei antes do 33 on-line você precisa dizer ao hype que é para começar a usar três coordenadas D , certo? Então coisas como o vetor P, hum, vai realmente usar essa coordenada z. Certo? Então queremos uma alternância de um espaço bidimensional para um espaço tridimensional. E agora que temos acesso a X, Y e Z Um, OK, OK, então adicionamos p três d ao tamanho, e adicionamos uso três d verdadeiro, hum, propaganda do dedo do pé. Agora eu vou ser levado praticamente o mesmo esboço exato que nós não construímos 28 que é, você sabe, construir você sabe, a grade. Mas agora eu vou fazer é eu vou chutar essa grade de volta para o espaço 3 D. Certo? Então, Então, o eixo Z sempre foi zero quando você está no espaço bidimensional. Agora que estamos no espaço tridimensional, vou pegar toda a grade e movê-la de volta para o espaço. E eu vou fazer isso adicionando uma coordenada Z. Então, vocês verão aqui na linha 58 eu adicionei uma coordenada Z para cada uma das células na grade, para voltar para grade, para voltar para600 negativos. Ok, então agora quando todas essas bolas de sorteio forem desenhadas naquela grade. Vai voltar para 600 negativos no eixo Z. Agora, a outra adição está dentro da função de desenho. Então, na construção 28 dentro da função de desenho, estávamos mudando Alfa. Então estávamos mudando a transparência dos itens na grade. Vou desligar isso neste. E o que eu quero fazer é realmente mudar a profundidade Z dos objetos na grade. Então você vai notar na linha 78 novamente. Eu me livrei do material FFT Alfa e aqui estou eu criando um entrevistador chamado FTZ novamente. Ainda é a minha matriz de dados de áudio. Ainda é um número entre zero e 100. Mas agora eu estou dizendo, hum, se o número está em zero, ele deve descansar no 600 negativo no espaço Z, que é bem aqui. E se atingir ah 100 que deve empurrar negativo 500 negativo. 400 negativos. 300 negativos. 200 0 até 100 positivo. Então agora está chegando mais perto de nós do que na construção 28, certo? Então, uh, linha 78 está apenas movendo o ativo de 600 dedos positivos negativos. 100 no eixo Z. Então vamos em frente e comandar este cachorrinho. Vamos apenas definir o lado mais suave e novamente, você pode ver que tudo está descansando naquele negativo 600. E quando o áudio começa a vibrar, ele está empurrando o acesso Z desse ativo para frente. Hum ok, uh, legal. Então estamos movendo esse objeto plano bidimensional. É muito parecido com ter, você sabe, como, uma folha plana de papel cartão. E nós estamos realmente movendo essa placa plana para frente e para trás em um espaço tridimensional. Mas se por algum motivo fossemos girar a carta, veríamos realmente que isso é realmente plano, como é o caso do sistema. Essas coisas que estamos movendo ou, na verdade, duas dimensões desenhar bolas direita e um direto é uma bola de desenho bidimensional. E então estamos movendo essa forma plana bidimensional em um espaço tridimensional. Então deixe-me fechar isso, e você pode perceber que, hum, vamos passar para o próximo par de esboços onde nós começamos a realmente usar três gotas D. Então, hum, nós vamos didio h caixa que permite que você defina caixa tridimensional. Agora, quando essa coisa se move em um espaço tridimensional, você realmente veria os lados e o topo na parte inferior da caixa porque você está realmente movendo um objeto tridimensional em um espaço tridimensional. Então há compilação 29 é uma espécie de rampa agradável para cima de mover para três D, Mas agora vamos trocar nossos Bols de desenho bidimensional por problemas tridimensionais. Tudo bem, isso fecha a construção 29. Vejo-te na construção 30. 32. Crie 30: Tudo bem, estamos na construção 30 e como mencionado e construir 29 vamos converter o para t desenhar touros três bolas D empate. E também, vamos tratar de algumas outras coisas. Então vamos guardar esta festa. Conta de comida 30. Vamos abrir a construção, um PTE. E vamos dar uma olhada em algumas coisas aqui. Deixe-me apenas abrir este show visualize, er eu virei de volta para True e eu virei show visualize er de volta na verdade para que possamos ver por que eu escrevi certas coisas para baixo no visualize sua função na parte inferior . Hum, ótimo. Então vamos converter para três bolas de sorteio D. Assim, estamos vendo três objetos D em um espaço tridimensional. Tão grande show. Visualize sua verdadeira vai abordar isso aqui em um segundo. E vamos para a piscina e para a piscina. Mudei de h para caixa H. Agora H caixas uma caixa tridimensional, certo? E, uh, quando eu adicionar caixa H, eu tenho que definir, hum, dimensões da própria caixa. Certo. Então aqui na linha 52 eu digo, OK, caixa H D. Eu quero agora definir as dimensões da caixa para que a profundidade seja de 500 pixels. Certo? Então essa caixa vai ter uma profundidade de 500. É hype vai ser 50 e é com vai ser 50. Então, basicamente, estamos criando como uma batata frita, certo? Então 50 por 50 por 500, certo? o Tudooresto praticamente continua o mesmo aqui. Se você olhar para o sorteio, eu ainda estou mantendo este f ftz. Exceto por, hum, eu estou ajustando isso de volta para 900 negativos no mar. E na verdade, eu vou vir aqui e dizer ponto z negativo 900 de modo que esse é o seu ponto de partida para cada uma dessas caixas, então ponto c negativo 900. E então nosso FF TZ aqui de novo está pegando que os dados de áudio vão de negativo 900 dedos positivos. 100. Ok. E então, claro, estamos dizendo ponto c vá em frente e mapeie este FTZ Agora, um, eu quero mostrar a vocês este meu widget de áudio, qual certo? Diz que não há falas. Ele diz dicas desabilitadas tarefas de profundidade e mão para permitir o teste de profundidade. E o ar comentou. Então, já que este é um ambiente de três D, eu realmente fiz uma das coisas que eu apenas desnatado sobre, que é alinhado 73. Eu disse, Lights. Então as luzes são apenas uma espécie de ah, muito suave, luz branca ambiente que cobre toda a cena. Então, se você não chamou Luzes online 73, o que aconteceu é que você tem esses três touros sorteados , mas não haveria destaques ou sombras para você realmente ver que havia três dimensões. É como um sombreamento de células planas, certo? Então, ligando para as luzes online 73 eu vou ser capaz de ver alguns destaques. Algumas sombras em todas as diferentes superfícies da caixa H agora vindo para cá. A razão pela qual eu imagino olhos porque você sabe que não há luzes é, hum, comentou Eso Se nenhuma luz tem comentado fora, você verá aqui que a cor de preenchimento para o nosso pequeno visualize er é quase branco cc, cc, cc. Então vamos em frente e executar este esboço e legal. A primeira coisa que eu quero olhar é que não há nenhuma maneira que isso aqui mesmo no izer visual é cc, cc, cc. E isso porque o que está acontecendo é que as luzes estão na verdade lançando três dimensões, como mesmo nesta bola de empate, certo, mesmo que seja um desenho bidimensional. A outra coisa, também, é que porque eu não o vejo desabilitado teste de profundidade e dica habilitar teste de profundidade. disto que eu estava a falar. Veja como desenhar bolas realmente vai cortar passado e jogá-lo sobre. Eles vão exceder o plano do nosso pequeno Isar visual, que eu meio que queria eliminar. Então, se você olhar aqui, eu vou dizer que os meus dados de áudio, que não deve ter luzes, então ele vai desligar o sistema de iluminação. Vai desativar o teste de profundidade. Então ele vai desenhar, e então vamos realmente habilitar o teste de profundidade novamente. Ótima. Então vamos em frente e reexecutar este esboço e você notará que essa modificação foi contabilizada. Um. Voltamos a Sisi Sisi Sisi porque nenhuma iluminação está sendo aplicada nesses Rex bidimensionais . E também a dica Desativado teste de profundidade sempre significa que nossa barra de widgets vai ser sempre a maior profundidade. E essas bolas tridimensionais não vão quebrar o plano. Então é como colocar permanentemente algo sempre acima, mesmo se você estiver fazendo três transições de D. Então, hum legal. Isso parece ótimo. E de novo, na verdade , só para o inferno, deixe-me mostrar o que acontece quando estou falando quando você desliga o sistema de iluminação? Então, se online 73 eu desligar as luzes e então eu fizer esse esboço de novo, você vai ter. Ah, é momento difícil. Percebendo todo o sombreamento e detalhes deste três D, sabe? Então, se você olhar para a frente, você olhar para o fundo e você olhar para o lado, você vai notar que, sim, há transparência Alfa. Por isso, está a dar-te alguma aparência disso. É um três d draw ble. Hum, se de fato, se eu fosse mesmo entrar aqui e mudar direito, então aqui online 58. Veja, aqui está o preenchimento. Aqui está o que eu estou dizendo que os alfas para 25 relógios. Vamos em frente e colocar isso para 55 Vamos em frente e executar o esboço novamente. E agora é quase ainda mais difícil dizer que estamos usando três prováveis escuros. Você disse Ok, bem, você sabe, sim, parece três D, mas você não tem nenhum desse sombreamento. Você não tem nada disso, nenhuma dessas definições. Então, para corrigir isso, você sabe, eu vou colocá-lo de volta para onde estava, que é, você sabe, colocando em que a transparência Alfa de para 25 significa que é um pouco opaco, e nós podemos tipo de ver através de algumas das outras bolas de desenhar colocando essas luzes acesas, certo, nós realmente temos uma oportunidade de ver a luz sendo lançada através dessas superfícies tridimensionais . Certo? Então, a frente realmente parece muito diferente do que a parte inferior do lado. E você realmente tem a sensação de que, hum, que são na verdade três bolas de sorteio movendo-se em um espaço tridimensional. Então estou muito feliz com isso. Parece que está começando a parecer muito, muito divertido agora. Isto vai acabar, construir 30 e construir 31. Vamos fazer uma modificação disso. Então, Então, 31 vai tirar o código de cores, e vamos colocar alguns. É uma luz de cor diferente em vez de apenas na luz ambiente. Então isto vai em frente e acabar, Construir 30 e verei todos vocês na compilação 31. 33. Crie 31: já estamos na construção 31 compilação 31 é uma ligeira modificação da compilação 30 eso. Se você abrir o PDE, você pode notar no topo. Removi qualquer referência à matriz de cores, então estamos construindo essa grade. Estamos colocando três d desenhar aqueles nessa grade, mas eu realmente não quero um código de cor os objetos com base no número aleatório que eles escolhem. Então eu realmente removi a codificação de cores. Se vieres até à piscina, verás que mudei. Linha 55 já disse. Eu só quero que a cor de preenchimento seja branca, então as cores de preenchimento para 55 com uma transparência Alfa de para 25. Tudo o resto praticamente permanece o mesmo até você entrar na função draw. Agora você verá aqui online 70 a 72. Tenho luz pontual. Ignore isso por apenas um segundo e desça a Linha 80 de reboque e mostre que reintroduzimos a cor de preenchimento FFT, então eu quero que o áudio afete a cor de preenchimento das notas de desenho, então, se estiver em zero, será preto. E se for empurra até 100. Vai passar por todas as escamas cinzentas, e se chegar a 100 vai ser branco. Agora, a razão pela qual eu reintroduzi a cor de preenchimento é por causa das luzes pontuais. Nomear luz vai nos deixar montar esses pontos no espaço que irradiam luz. E se eu tivesse que objetos e um era preto e outro era branco e eu configurasse esses pontos de cor, um, um, obviamente o preto sempre permanecerá preto. Ele absorve qualquer cor que você definir no ambiente. Se isso desenhar touros brancos, então esse branco refletirá a cor que está se tornando essa cor. Sim, então eu quero essa transição da escala de preto para cinza, dedo do pé branco realmente voltar porque isso vai afetar a cor que estamos vendo no esboço. Assim como o áudio reage e vem para a frente, a saturação de cor vai realmente ficar mais brilhante. E à medida que ele se move de volta para zero, a saturação de cor irá subjugar. F FTZ ainda é o mesmo. Negativo 900 para positivo 100. linha 83 foi atualizada para que seja o preenchimento d ponto e estamos definindo essa cor de preenchimento com uma transparência Alfa de até 25 e o fácil acesso a FTZ. Ótimo. Agora vamos para as linhas 70 a 72 Eu só quero falar sobre azul-petróleo e laranja primeiro. Então, a luz pontual é um ponto no espaço que irradia cor em todas as direções. Sim, então, um, cada vez que você tem luz pontual é tipo meu tipo de ir para o sistema de iluminação, é o que eu prefiro em vez de ponto direcional ambiente A luz é ótima. É exatamente o que eu prefiro. Point Light aceita seis argumentos. RGB x Y z Então você pode ver para este primeiro ponto de luz, eu defini um vermelho de zero, um verde de 149 e um azul de 168 para a laranja. Eu defini um vermelho de 55 concordando com 51 um azul de zero. Então eu estou configurando meus valores RGB, que, é claro, é claro, você pode obter na loja de fotos ou ilustrador onde quer que seja. Agora vamos falar sobre os próximos três argumentos, que são X, Y e Z. Então, se essa fosse minha tela aqui e vamos fingir por um momento que esse marcador é meu Agora vamos falar sobre os próximos três argumentos, que são X, Y e Z. Então, Então, se essa fosse minha tela aqui e vamos fingir por um momento que esse marcador é meu Minha luz pontual. O que estou dizendo está tudo bem, eu quero ir com dividido por dois. E quero que o porquê seja zero. E eu quero que o Z seja negativo 100, então apenas cai de volta no espaço. Então o que estamos fazendo é criar este ponto no espaço em que a luz irá irradiar . E, novamente, essa luz está irradiando com base nessa cor azulada. Sim. Agora, a segunda luz que montamos é esta laranja e eu digo novamente com dividido por dois. Mas eu digo que o eixo Y é altura, então ele vai estar na parte inferior e novamente fazer este negativo 100 vai apenas colocá-lo de volta no espaço. Então agora temos um ponto aqui embaixo que é ponto irradiado de laranja claro, e então temos um ponto aqui em cima que está irradiando verde-azulado. Então isso é bom, porque nós temos estes, Você sabe, nós temos estes três d draw, bols e assim sentir que esse ponto de luz para Thiel está em cima e ele está irradiando luz de em todo lugar. Só o topo das bolas de sorteio vai realmente ser atingido com aquela luz de azul-petróleo. E então, uh, o outro é obviamente que a laranja está realmente refletindo fora do fundo dos bens. Então, hum, luzes pontuais ótimas. Configure esses dois pontos para você saltando na parte de cima laranja saltando por baixo. Agora, esta luz de terceiro ponto é apenas uma espécie de 2° 1 que eu sempre coloco lá, que é se este é o nosso esboço, eu acabei de dizer que o RGB é 50 50 50 50 Então é um cinza escuro. E, hum, eu disse que sua posição é dividida por duas altura dividida por duas. Então ele está no centro do nosso esboço e então eu colocá-lo eixo Z em 200. Então é um ponto de luz que está sentado basicamente na frente de tudo e irradiando luz para fora dessa posição. OK, então vamos em frente e executar este esboço para ver tudo isso em ação. Ok, a primeira coisa que você tem que lembrar é que nós estamos fazendo essa cor de preenchimento fft, então isso vai controlar a saturação de luz que realmente atinge nossos, hum, nossos três touros de desenho D. E porque temos aquela luz no topo. Você pode realmente ver bem aqui que o cerco está atingindo o topo dessas superfícies. E porque temos um ponto de luz laranja como aqui embaixo, está refletindo o fundo das superfícies. Mas também temos aquele cinza. Isso é tipo de estar sentado na frente de modo que quando essas bolas de desenho realmente movido para trás no espaço, a frente deles é uma espécie de obter um agradável e suave cinza assentado em cima deles. Mas novamente, como eles meio que se movem para a frente e eles estão se afastando dessas luzes pontuais, você verá que você sabe que as faces dianteiras realmente ir para Preto em um ponto quando essa face frontal realmente se moveria na frente daquele grande vida. Porque essa grande luz é aquela 200. Mas o nosso touro é 500. Então, à medida que avança, aquela face frontal do Wrobel, de fato, passaria por todos os três da nossa linha de pontos. Então é por isso que há um momento em que os problemas vêm, uh, totalmente para aquela frente, que a superfície frontal realmente se torna completamente preta, torna-se preta porque ele não está mais no alcance de obter qualquer um dos qualquer da luz como eles de volta no espaço. Você pode ver que eles vão começar a ter que grande de volta. Ótimo. Então eu vou. Inclui isto. Este é um esboço bonito são realmente, como a textura que este está dando fora. No entanto, temos trabalhado com uma grade bidimensional. Certo. Então nós fizemos este espaço de três D. Temos três touros sorteados, mas estamos alinhando-os em uma grade bidimensional. Então vamos fechar, construir 31. Vamos avançar para construir 32 onde realmente construímos uma grade tridimensional que contém bolas tridimensionais. E imagino que isso vai ficar incrível. Está bem, vejo-te na próxima conta. 34. Crie 32: Então aqui estamos nós e construir 32 em sua grade três d. E você também pode notar que há uma pequena luz vermelha de advertência aqui. Hum, que este esboço em particular vai ter o componente de áudio removido do esboço que podemos apenas focar no que precisamos fazer. Hum OK, então, uh, até este ponto nas notas anteriores, nós estávamos realmente usando uma grade bidimensional em um espaço tridimensional com bolas de queda tridimensionais . Hum, hype realmente suporta a capacidade de fazer uma grade três D. Então, Então, a primeira coisa é, é que você pode notar que nós introduzimos a matriz de cores, então a matriz de cores está de volta no esboço. Eu quero fazer a codificação de cores novamente. A base vai ser laranja, e a tarola vai ser azul. Ok. Linhas 23 24 25. Agora adicionei três novos inteiros. Então há colunas pobres. Cinco piscina subiu cinco e profundidade da piscina cinco. Então agora estavam especificando quantas colunas queremos, Quantas linhas queremos e nós como maney subiu queremos em profundidade. Então estamos fazendo um cinco por cinco por cinco. Uh uh. Grelha. Tudo bem. Movendo-se para a piscina, você pode notar que eu atualizei a piscina para que você está fazendo colunas, tempos, linha tempos de profundidade e eu também troquei a bola de empate. Não vamos mais usar a caixa H. Vamos usar a esfera H agora online 47. Estou mostrando esses ajustes para olayout da grade H. Estou mostrando esses ajustes para o Observe que agora precisamos especificar todas essas coordenadas e esses saltos. Então eu disse que eu quero começar X o início. Por quê? E o começo z tudo a ser negativo 300. E quero que o espaçamento seja 1551 50 no X, no vinho, no mar. Agora, por quê? Por que configuramos o layout da grade H dessa maneira? Bem, eu quero fazer este cubo no centro da tela, e eu quero ser capaz de realmente gastar esse cubo. Eu quero girá-lo. Então o que eu estou tentando fazer é basicamente dizer você sabe, o que é o com dividido por dois, a altura dividida por até este ponto no centro do esboço. E mais importante do que isso é quando eu realmente faço esta grade, eu quero que o ponto central na grade seja em 000 direita. Então, uh, o que eu estou fazendo é eu estou dizendo, ok, hum começou 300 negativo, mas então fazer um 150 saltos. Então, dá negativo. 300 negativos. 1 50 0 Positivo. 150 Positivos. 300. E está fazendo isso no eixo x, no eixo Y e no eixo Z. Então, essencialmente, estamos construindo essa grade de trás. Vindo para a frente, OK? E agora vamos em frente e olhar para a nossa esfera. Então on-line 53 dizemos x medo Agora para a esfera, não é como caixa h, onde você tem que especificar profundidade, largura e altura. Você simplesmente disse um tamanho. Então on-line 55 disse que o tamanho desta esfera H é 10. Eu também tenho apenas uma pequena nota, como qualquer vez que eu estou trabalhando com, hum esferas em particular. E se por alguma razão, como mais tarde na estrada, você acaba usando malhas. Eu encontrei esses problemas onde, como se eu estivesse escalando ou oscilando uma malha e o traçado não seria enviado para zero. Você receberá esses erros na janela de saída dizendo que ele basicamente não pode desenhar o traçado porque é para fazer grande. Então eu meio que tenho esse hábito de que toda vez que eu estou trabalhando com três bolas de sorteio D e eu não estou querendo visualizar o traço, eu tenho esse hábito de definir o peso do traço igual a zero. Agora, online 58 colocamos de volta o nosso Phil. Ei, vá para o paladar. Lembras-te daquele número aleatório que escolhemos, olha para a nossa gama de cores e um sinal ao Phil que Phil Color com uma Transparência Alfa de 225? Hum, ótimo. Vamos descer aqui para o sorteio. Repare que quatro voltas ou vou andar de bicicleta pela piscina. Já comentei isso. Não quero fazer nada relacionado ao áudio na nossa rede ainda. Só quero concentrar-me na grelha. Vou adicionar áudio no próximo esboço, então você vai notar que eu tenho luzes. Livrei-me da nossa luz pontual. Só estamos fazendo uma luz agradável, suave e ambiente. E eu tenho uma linha 74 aqui que diz que o detalhe da esfera 20 detalhes da esfera permite que você especifique basicamente o detalhe dos triângulos que compõem essa malha esférica. E eu tenho uma linha 74 aqui que diz que o detalhe da esfera 20 detalhes da esfera permite que você especifique Então, quanto menor esse número, maiores os triângulos e quanto mais polígono tudo o que vai parecer, quanto maior esse número, menores serão os triângulos. E, obviamente, quanto mais vai parecer um círculo perfeito. Ok, então, hum, eu às vezes vou ajustar os detalhes da esfera com base na quantidade de ativos que eu estou desenhando um monte de ativos da esfera. Eu poderia querer colocar o detalhe da esfera para, tipo, tipo, 10 para que ele possa realmente pintar mais rápido para que ele está pintando menos polígonos on-line 76 a 80. Eu faço uma matriz de potes de matriz, e dentro desse empurrão fazer bebidas. Matriz de pote é onde eu coloco o ponto h desenhar estágio. Então, o que quer que aconteça entre aquele empurrão e o pop vai ser aplicado aos nossos problemas de propaganda . Agora, o que eu estou fazendo é online 77 eles fazendo exatamente como eu disse aqui, que é com dividido por dois altura dividido por dois. Estou definindo o ponto de criação para o centro da tela. Ok, então traduza com dividido por duas altura dividido por duas. E então eu estou empurrando de volta para aquele 900 negativo no eixo Z Linha 78. Quero ver apenas uma rotação dessa caixa. Então estou dizendo para girar. Por que radiância? E então eu passo a contagem de quadros. Ok, então vamos em frente e executar este esboço. Você deve ser capaz de ouvir o áudio. Mas é claro, ele foi incapacitado de mudar qualquer coisa neste esboço. Hum, nós estamos recebendo essa rotação agradável desta grade tridimensional e você pode ver que é uma grade de cinco por cinco e nós estamos de volta a fazer essa codificação de cores. Então, todos os pequenos pontos azuis são na verdade a armadilha, e todos os pequenos pontos laranja são base. Então eu vou ir em frente e fechar este esboço para baixo porque agora nós implementamos uma grade tridimensional em um ambiente tridimensional usando um desenho tridimensional para que isso fique bom. Então vamos em frente e fechar isso. Vemo-nos na construção 33 onde agora vamos anexar, hum, alguma oscilação para as nossas pequenas esferas. Vemo-nos na construção 33 onde agora vamos anexar, hum, Veja no próximo jogo 35. Crie 33: construir 33. Hum, não muito do Ah, grande salto da construção 32. Mas vamos apenas adicionar ou áudio, hum, espectro de volta. Então vamos em frente e olhar para construir PT. Você vai descobrir que é extremamente o mesmo que construir 32. Este conjunto é o mesmo. Tudo no topo é o mesmo. Eso queremos imediatamente ir para o sorteio. Agora, se você se lembra, Online 55 é onde definimos o tamanho da nossa esfera. Dissemos que ia ser um tamanho de 10. Então, se você chegar ao sorteio aqui fazendo o leão está fazendo esse detalhe do medo fazendo aquela matriz pop push girando a pintura do cubo são bons, mas aqui estão essas linhas 82 a 88 que trazemos de volta. Então comentamos isso na linha 32. Estamos trazendo isso de volta e, em seguida, adicionando tamanho fft para que você possa ver nesta linha 86 Eu estou dizendo, Bem , OK, vamos fazer algo novo chamado tamanho fft onde eu realmente vou expandir o tamanho do nosso H Esfera. Os meus dados de áudio estão a chegar. É um número entre zero e 100. Bem, a ameaça 10. Porque esse é o nosso tamanho inicial que montamos aqui online 55. Então os homens para o tamanho FFT vai ser 10 e o máximo vai ser 100. Então estamos escalando agora. Zero foi mapeado. Um 10 100 está mapeado para 100, certo? Então agora temos esse novo tamanho FFT e na Linha 87 estávamos apenas reajustando esse tamanho inicial que configuramos on-line 55. Então estamos fazendo lados d ponto e, em seguida, passando em que número de tamanho FFT. Ok, se eu rodar este arquivo agora, você vai notar que nossa grade ainda está girando. Ainda temos a codificação de cores no lugar, e, uh, uh, agora podemos começar a ver o tamanho de nossa esfera sendo afetada por, hum, hum, nosso espectro de áudio. Certo. Então não se esqueça que nós laranjas base e azul é laço. E, uh, quando esse arquivo começa a aumentar, realmente assistir todo esse tipo de grade D ganhando vida. Obrigado ótimo. Eu vou fechar isso porque, cara, eu tenho, tipo, tipo, mais dois aumentos para ajustar isso então ambos 34 vamos introduzir uma nova idéia ambos 35. Vamos apresentar outra ideia. Portanto, estes devem ser vídeos relativamente curtos. Mas novamente, apenas pisando nesse processo de como podemos usar o áudio para fazer a animação. Neste momento, temos uma grade de três D. Temos aquela grade de três D girando, e a análise de áudio está mudando as habilidades dessas esferas h. Então, isto acaba com este vídeo. Vejo-te agora na construção 34. 36. Crie 34: construir 34. Então construa 33 34 35. Muito interessante, porque estou adicionando um pouco mais de funcionalidade à medida que progredimos. Então eu estou construindo 33. Temos o nosso H Gridley de fora. Nós o temos girando. Estamos anexando o espectro de áudio ao tamanho dos itens nessa grade. Então, eu sou a construção 34. Vou fazer alguns ajustes, está bem? Então construir 34 1 das primeiras coisas que eu faço é atualizar a paleta de cores. Então eu atualizei isso de uma forma em que agora estou atribuindo base para preto e eu estou atribuindo enlaçado um branco e tudo o resto eu apenas defini que, um, um, um cinza médio 6666 Ok, então eu ainda estou fazendo codificação de cores a partir desta matriz, Mas, Mas você sabe, mais tarde se eu quiser talvez introduzir algum outro tipo de pastagem média eu posso. Mas a questão é que eu quero colocar o foco na base, na, uh, e na armadilha. Está bem. Então, de novo, tudo no cenário permaneceu o mesmo. E no sorteio é onde vamos colocar outros ajustes. Um está bem. Então você tem isso. Nós temos essa grade tridimensional, e o que eu queria fazer era colocar uma caixa muito macia. Meio que em torno de todos os pontos na grade. Então você pode notar. Aqui. Online 81 esta é a adição. Onde eu defini o derrame. 2333333 Eu defini o preenchido A 24 24 24 mas um Alfa de 50. E então, você sabe, neste momento, eu não estou usando nenhum código de processamento. Então, não estou usando alturas. Código desajustado. Vou usar o de código específicode processamento. Então eu disse caixa 600 depois que eu terminei, eu só disse, sem derrame, sem sentir. Então você vai ver as mulheres comandando isso. Na verdade, vai colocar uma caixa muito transparente em torno do nosso layout da grade. Agora, eu quero voltar a fazer isso. Meio que, uh, detalhes onde eu estou dizendo como, oh, esta é a base é a armadilha. Vamos anexar comportamentos diferentes a essas coisas, e eu estou fazendo isso com um ajuste para os lados do FFT. Então olhe bem aqui. Quando eu digo online 89. Se eu Z é igual a zero, então eu sei que é a base. E não só sei que vai ser a base, mas também sei que vai ser um medo de ex negro. E, especificamente, o que eu fiz foi dizer que quero fazer os homens negativos 350 e o positivo 350 E isso é meio fascinante, porque qualquer vez que você pega uma tigela e dá negativo para positivo, o que acontecer? Não é zero, certo? Então, se dissesse 0 a 350 você saberia que isso passou de nada para 350, certo? Mas eu disse, Negativo 3 53 50 Então isso significa que se estamos olhando para o espectro de áudio, uh, base teria que chegar ao limite de 50% para que ele seja zero. Se ele zero, ele realmente se dobra em si mesmo e é negativo 350. Então, mesmo quando a base é silenciosa, ela ainda é basicamente uma esfera que tem 350 pixels. Mas invertido para a direita, então o áudio teria que chegar a um intervalo de 50 para que ele fosse zero se ele fosse para 100 do que o seu positivo. 350. Então eu estou colocando um monte de foco na base, indo aquele negativo. 50 Positivo 3,50 alcance. Ok, Ok, se eu for igual a três, então eu conheço o subitem três. Sei que é a minha armadilha, e sei que vai ser branca. E então eu disse que seu alcance era entre 50 e 350 certo? Então, um, então alguma ênfase pesada nesses dois itens em particular que são colhidos feno para todos os outros . Você começa a ser aquele cinza médio, e está indo escala Teoh entre dois e 150, certo? Tão fascinante. Porque todas as outras coisas acabam por ser apenas uma espécie de ah, insinuar Teoh para o áudio. Mas estamos focando na base preta e na armadilha branca. Então vamos em frente e executar este relógio de desenho. Ah, isso em movimento. Tudo bem, então você vê que a base tem que chegar a esse alcance de 50 e ordenar que ela desapareça. Então é meio que sempre é meio que sempre presente. Então a base é meio que neste cenário vai ser como um objeto muito, uh, uh, presente. E novamente, nós também estamos colocando um monte de foco nisso. Aquele subitem três, que é aquela armadilha branca. Então, ele só sai em um tamanho muito maior. E quando aparece, aparece tão grande quanto um zoológico. Base preta faz. Mas novamente, todos os outros números ar apenas tipo de lá para criar a textura. Sim, podemos ver que eles estão reagindo ao áudio, mas estamos realmente diminuindo a ênfase deles. Então, neste caso em particular, eu estou realmente focando naquela base preta naquele laço branco e branco. E então, novamente, olha para esta, tipo, tipo, bela caixa vangloriada, para que eu possa ver. Hum uh, esta caixa com aquela transparência Alfa é apenas uma espécie de segurando meu pequeno meu cada grade. Agora, isso é incrível. Mas novamente, vamos levá-lo como, você sabe, 11 passo adiante, e esse passo mais adiante será é no próximo esboço. Temos essa rotação que está acontecendo automaticamente. E se quem vinculou a essa rotação ao áudio também? Então, na próxima compilação, o que vamos fazer é manter a mesma animação exata. Exceto que o áudio agora vai controlar como aquela coisa que a caixa realmente gira. Tudo bem, então vamos em frente e fechar isso. Essa foi a construção 34. E agora vamos adicionar outra camada de interação fazendo com que o áudio controle a rotação de todo esse objeto na compilação 35. 37. Crie 35: estamos na construção 35. E isso vai tipo de fechar esta série de esboços porque o próximo é construir 36 para construir 42. Essa é uma idéia nova, você sabe, completamente descartada. Então essa compilação 35 vai acabar com essa coisa que temos jogado com 32 33 34 Agora, agora 35. Então construa 35. Queremos que o áudio controle a rotação e rotação. É óbvio que temos três. O acesso está certo. Temos girar X, girar de largura, girar Z s. Então temos três Eixo vê que podemos jogar. Então, se você for em frente e abrir este projeto de lei PD, maioria deste negócio é o mesmo aqui em cima na linha 33. 32. Eu entrei fazer alguns novos inteiros, então eu disse, girar não X girando, Um Y e girando, um Z são todos iguais a zero. Então agora eu tenho esses três novos jurados que eu vou estar jogando alguns números . Ok, uh, nada muda na configuração. Hum, que praticamente tudo permanece o mesmo. Então agora aqui no sorteio. Estamos apenas olhando para onde estamos aplicando alguma rotação e você pode ver que eu estou fazendo isso online 83 a 93. Agora, no esboço anterior, nós apenas dissemos, você sabe, girar o brilho, e depois a taxa de quadros. Então estávamos conseguindo que girar. Por quê? E estamos apenas girando em todos os momentos. Ok, então vamos ver isso em etapas. Então gire x, Y e Z, vamos pular isso porque é o tipo de onde queremos chegar ao fim. A primeira é que eu quero mapear esses novos números, certo? Então, realmente, eu preciso falar sobre 87 a 89 1º Então 87 a 89 é onde eu estou definindo amarrá-lo aos dados do número FFT. Então eu estou dizendo, por exemplo, na por exemplo, na linha 87 ff t rodar ex, uh, e então olhar para o que eu estou fazendo. linha 87 ff t rodar ex, uh, uh, Eu vou, uh, olhar para subitens muito específicos na matriz. Então aqui em baixo, como quando estávamos fazendo tamanho fft, estávamos dizendo meus dados de áudio ocular, e então estávamos olhando para mim e eu estava olhando para cada ativo, você sabe, você sabe, número aleatório que eles escolheram. Mas o que? Isto? Não vamos fazer isso com isto. Queremos olhar para um ponto muito específico no espectro, e então eu não preciso usar o que eu fiz aqui em baixo. Eu só estou dizendo meus dados de áudio e depois ir para o subitem zero sub item zero. Sabemos que é a base e sabemos que o subitem três é a nossa armadilha. E então eu escolhi um número arbitrário. Eu só pensei, Ei, estamos fazendo probabilidades. Podemos muito bem ir com cinco. Mas isso obviamente pode ser qualquer número arbitrário. Ok, então, uh, eu estou vendo aqui. Ok, vá olhar para você sabe meu áudio zero. Essa é a base. É um número entre zero e 100. E vamos em frente e fazer isso. Vamos mapear isso para 120 negativos e depois fft girar. Por quê? Eu disse meus dados de áudio. Vejamos o subitem três, que percebemos. Abelhas armadilhas. É um número entre zero e 100. Vamos também mapear isso para negativo 1 20 e, em seguida, girar Z é apenas são números arbitrários ou poderia até ser, Você sabe, se você quisesse, poderia até ser base novamente. Isso realmente não importa. Você pode escolher qualquer número que você quiser, desde que seja zero a 10. Uma vez que os nossos intervalos de um número entre zero e 10 Eso aqui. Eu só escolhi cinco pelo amor de estranhos, hum, grandes. Um número entre zero e 100. E eu disse, Bem, vamos mapear isto para um positivo. 20 negativos. Então, você sabe, você pode ajustar o que você quer que seus mapas sejam, mas, você sabe, eu só pensei em fazer algo divertido agora online, uh, 91 a 93. Só estou mais igualando. Este mapeamento. Então, uh, se você se lembra da primeira fila, pegue Nomex dormente y e, um, Z foi zero. Então eu estou igualando a si mesmo, além deste mapeamento. Então, como esses caras voando lá fora mais igualando as variáveis que eu configurei o topo agora, depois que eu fiz isso, vamos agora para a linha 83 a 85 eu estou realmente fazendo um mapeamento totalmente novo. Mas em vez de você conhecer os dados de áudio como a entrada que está chegando, eu disse. É essa rotação Nomex que está chegando e que está girando. Por que isso está chegando e essa rotação dormente Z que está chegando. E então eu também fiz um min e Max exatamente o mesmo que eu tenho feito, que é de 0 a 100. E então o que eu estou fazendo é mapeando isso para, hum, negativo para torta dividido por 20 e dois pi divididos por 20. E mais uma vez, se euquisesse acelerar isto ou abrandar isto, podia mudar como isto está a ficar dividido. E mais uma vez, se eu quisesse acelerar isto ou abrandar isto, Então, agora temos por aqui. Teoh mapeia a base para, hum gire X. Temos uma armadilha girando, uh, girar. Por quê? E então temos esse número arbitrário que está mudando. Gire, vê? Então vamos em frente e executar este esboço e, hum, ver que tipo de sentimento temos. Certo. Então agora você sabe, observe que estamos girando em todo o acesso é de vez em quando o áudio começa a disparar. Isso, por sua vez, vai realmente mudar como essa coisa gira em conformidade. Então vamos esperar que este Teoh faça o seu acúmulo. Certo? Então agora não só temos dados de áudio alterando as escalas de nossos objetos em nossa grade estavam agora também girando este ambiente com base no áudio. Então estamos usando esse mesmo tipo de entrada de áudio em dois métodos diferentes. Uma mudança de escala, tamanho e outra para mudar sua rotação. E mais uma vez, você sabe que pode. Você pode ajustar o mapa numérico, ou você pode tuitar como ele é dividido. Então, por exemplo, se eu viesse aqui e passasse de 20 para baixo do pé cinco, veja como o sistema é mudado. Notem que estamos acelerando isso, certo? Então é muito mais rápido e, novamente, eu começaria a ajustar essa divisão com base no tipo de áudio que estamos ouvindo . Neste caso. Acho que dividir por cinco não. É muito errático. É a rotação não é melhor uma empresa, o áudio. Então, novamente, se eu mudasse esse Teoh, sabe, 150 Hum, espero que você entenda que isso vai ser muito lento. Tudo bem, olha como essa coisa está se movendo devagar. Então, de muitas maneiras, eu acho que você novamente, é uma massagem numérica como, você sabe, sempre que eu faço um projeto. Estou constantemente a tentar encontrar esses números doces. Os números do ponto ideal e, você sabe, novamente, uh, cinco rápido demais. Não foi bem uma empresa. A música e 150 é muito lenta. Então aqui, você sabe, ainda estamos recebendo rotação. Mas baseado no ritmo da música, a interação simplesmente não está certa. Então, novamente, se eu fosse Teoh, volte para 20. Sabe, eu precisei jogar com os números para descobrir que 20 podem ser mais adequados. Um, uh, este tipo de rotação para este áudio em particular, certo? Parece que é um compartimento de acompanhamento. Você sabe, assistir. Eu quero esperar por esta acumulação novamente porque eu realmente acho que essa armadilha chuta uma boa rotação aqui mesmo. Veja, parece que o movimento combina com o que está acontecendo em termos de áudio. Ok, então, hum, ótimo. Sabe, eu acho que neste momento, eu tenho feito esses esboços agora que têm sido como OK, aqui vai uma idéia. Aqui está o ajuste. Aqui está uma ideia. Aqui está um ajuste, e com o caso deste, como se tivesse começado com 32. Fizemos uma grade do que um pequeno ajuste. 33 do que um pouco, apenas o meu 34. E então este tipo de ajuste final 35. Hum, agora, eu meio que quero mesmo estourar isso. Que é de 36 a 42. Que é, hum, é onde nós vamos olhar para onde nós vamos em seguida. E isto são sete arquivos. Então isso é isso está pegando um tipo de idéia mais explodida e continuar fazendo esse processo passo Continue adicionando algo novo, adicionando um ligeiro ajuste. Mas aqui, eu estou realmente descarregando muito mais. Então você pode notar que o primeiro 2 neste esboço construir 36 construir 37. Nós temos nossas luzes vermelhas, então nós vamos introduzir uma idéia, introduzir uma nova idéia, e, em seguida, construir 38 amarrá-la de volta ao áudio. Então isso desliga a construção 35. Hum, e eu vou te ver em um, uh, sempre incrível e vai ser super complicado construir 36 38. Crie 36: Tudo bem. Então, como mencionado antes, vamos pegar esses próximos sete esboços para realmente tirar, hum, hum, ou uma idéia complexa. Hum, e estes 1º 2 não iam anexar nenhum material de espectro de áudio. Vamos só fazer Teoh trabalhar em uma nova idéia, certo? E a idéia é que eu quero desenhar essa esfera no centro da tela, e então eu quero, hum, hum, ter seis objetos um pouco ao redor daquela esfera no centro. Ok, então vamos em frente e abrir a porta. Construir 36 nós vamos abrir construir a polícia. E novamente, vamos apenas aproveitar o tempo para passar por isso devagar. Então, em cima do topo. Linha 23 Pool no máximo seis. Certo. Teremos de novo seis coisas orbitando ao redor da tela. E não só vou ter seis coisas orbitando ao redor da tela , como vou dar a cada um desses seis uma cor específica. Ok, então, on-line. 25 você pode ver que eu vou fazer vermelho, verde, azul, ciano, amarelo, magenta. Tudo bem, então eu vou desenhar seis coisas e anexar uma cor a cada uma dessas seis coisas. Então um filme vermelho será verde um será azul assim por diante e assim por diante. Ok, eu não estou escolhendo cores aleatoriamente. Vou desenhar seis coisas e especificar essas seis cores. Certo, agora venha ao bilhar e verá que a piscina é pobre Max, o que significa que a piscina vai funcionar seis vezes. E a coisa que eu vou fazer com que ele desenhe é uma elipse h. Está bem? Vai ser um H. Lábios. E o tamanho dos lábios vai ser 10. Muito bem, , movendo-se por aqui é onde definimos a elipse H nas linhas 49 a 54. Ele não vai ter um traçado e vermelho aparecer na parte superior Aviso que eu digo inteiro I é igual ao índice de corrente do ponto do pool . E então isso é ah, função hype que continua contando. Então, quando isso é executado pela primeira vez, o índice atual será zero e, em seguida, um e, em seguida, dois e, em seguida, três , você sabe, até seis. Ok, então esta cor de preenchimento está dizendo Ok, vá até o paladar. Eu vou até a paleta. Obter zero, que foi lido em seguida, quando este pull on criar corre novamente, eu é agora Um vai para o paladar recebe um que é verde tão imposta assim por diante, tão magro vermelho, verde, azul, ciano, Amarelo, magenta. Então, hum ótimo. Agora há um comportamento de animação escrito pelo sempre tão adorável Benjamin Fox chamado H Orbiter três D. E o que ele permite que você faça é especificar um tamanho, e então os ativos vão realmente herbá-lo em torno dessa esfera. Ok, então a primeira coisa que eu quero fazer é especificar onde é o ponto em que o orbitador vai começar? Então nós temos nosso esboço, e então eu digo, Ok, bem, o ponto de interesse é com dividido por dois caminhada dividido por dois. Ok, então nós temos isso. Nós temos o esboço, e estamos dizendo que o centro do esboço é onde h Orbiter três D deve começar sua posição e notar que o eixo Z é apenas zero. Agora, vamos em frente e dizer que o alvo é D. Então isso significa que haverá, hum, hum, seis órbitas diferentes. Está bem. E, em seguida, as próximas duas linhas, eu estou apenas definindo uma velocidade Z e uma velocidade y. Ok, então eu digo aleatório, negativo para positivo para online 58. Mas esse aleatório pode escolher um zero. Então eu sempre, você sabe, adiciono, um 0,1 no final. Então, se aleatório ou para escolher zero, então obviamente eu estaria em apuros por causa da velocidade realmente não estaria se movendo. Eu faço a mesma coisa para o por que eu digo negativo um positivo. E apenas no caso de escolher zero aleatório, eu apenas ir em frente e adicionar 0.1 nele. Agora, a próxima coisa que você especifica é o raio. Então temos o nosso sketch. Nós dissemos que com dividido por dois altura dividido por dois era o ponto. Agora definimos o tamanho do raio de um pouco. Ok, então aqui eu especifiquei que o raio da órbita é de 250. Então ele começa a partir disso com dividido por dois altura dividido por dois, e basicamente cria um raio em torno desse ponto de 250. As próximas duas chamadas são basicamente a posição inicial, certo? As próximas duas chamadas são basicamente a posição inicial, Então eu quero que eles comecem em posições diferentes em torno da órbita três D. Então eu basicamente digo aqui online 61 que o ângulo Z é aleatório. 360 E aqui no 62 eu digo que o ângulo Y é aleatório. 360 Então, quando cada uma dessas órbitas começarem, elas terão um vermelho, verde, azul, ciano, amarelo, magenta. Todos eles vão ter um raio de 250. Mas cada um deles vai ter uma velocidade Z aleatória, uma velocidade de mentira aleatória e aquele ângulo Z. Por que Angle vai iniciá-los em algum lugar nesta esfera três D. Hum, negócios. Certo? Então eles não vão começar todos no mesmo lugar agora, online 65. Hum, eu vou em frente e guardo, um d dot extras. E depois salvei eu. Estou a guardar o que apanhei na linha 47. Ótima. Então venha aqui para o sorteio. E eu comentei o loop do chão logo antes disso. Este for loop é o configurado para obter a reação de áudio tight end. Eu vou criar algumas luzes para esta esfera, e então eu crio uma luz cercada, luz e laranja e uma grande luz. Eu vou criar algumas luzes para esta esfera, e então eu crio uma luz cercada, Certo. Então, Então, a luz azulada está brilhando no topo, certo? Eu estou posicionando-o com dividido por 20 Então é Ah, é um ponto de irradiar luz no topo para que eu saiba que vai ser como vir de cima através da laranja é dividido como a altura. Há um ponto na parte inferior do esboço que irradia luz. E então, claro, há aquele cinza, que eu meio que acertei com Dividido por dois. E neste caso, eu não fui de altura dividida por dois. Eu só queria que ele tivesse, como um tipo de um pouco mais de um tipo de olhar de cima para baixo. Então eu disse que o eixo Y era 150 em vez de altura dividida por dois. E, claro, posição Z é um pouco para a frente em 200. Agora, próximo negócio aqui, as grandes matrizes pop, onde eu realmente crio a esfera. Então, eu quero colocar uma esfera no centro da tela, e dessa forma, quando as luzes acenderem, você sabe que você verá as luzes acesas este ano, e então, além disso, o Órbitas vão parecer que estão, sabe, orbitando em torno de um planeta. Então eu disse, Empurre matriz pote matriz, Eu disse, Com dividido por dois altura dividido por dois. O eixo Z é zero aqui online 94. Agora eu derrubo os detalhes da esfera. Eu derrubei isso para 75 para que você sabe, é um monte de pequenos triângulos para que eu tenha um monte de detalhes sobre essa luz pontual. Então eu digo sem derrame. Eu defino o preenchimento para branco e, em seguida, eu crio uma esfera em 125. Groovy. Então espero que você entenda tudo isso. Agora vamos fazer isso e ver o que conseguimos. Certo, então devemos estar ouvindo o som. Mas, novamente, nada está ligado a ele. Usamos a piscina para preparar os nossos seis bits. Eles escolheram vassoura verde vermelha, amarelo ciano e Magenta Bay escolheram velocidades completamente diferentes. Eles começaram em posições completamente diferentes, e eles estão simplesmente orbitando um raio de 250 entre o com dividido por duas altura dividido por dois. Então, bem nessa tela central e novamente temos essa luz pontual de azul-petróleo brilhando no muito, muito superior aqui. Observe que eu coloquei em um negativo de 100 para que o cerco realmente tipo de chutou para trás um pouco. Considerando que a laranja eu apenas coloquei zero. Então veja como há um tipo de menos verde-azulado e laranja mawr. Então, mudando as posições Z, eu posso tipo de controle onde a luz bate naquela esfera ligada. Mais uma vez, olha para este cinzento. Se eu tivesse ido a altura dividida por dois anos, isso significa que o cinza estaria perfeitamente aqui no centro colocando esse, uh, aquele ponto. Branco 51 51 51 em Rift dividido por dois em, depois 150. Significa que a luz está bem aqui, mas é empurrada para a frente. 200 no eixo Z. Então, de novo, meio que obter o destaque. Ótimo deste lado da esfera. Agora, o que é bom é com isso é aquele pequeno pedaço que três D órbita, então eles estão realmente se movendo no espaço Z. Então você os vê realmente ir para trás do planeta? Meio que em frente ao planeta. Assim por diante e assim por diante. Ok, então este é um ótimo começo para este esboço em particular, e eu meio que quero apresentar, hum, hum, mais uma idéia a seguir antes de realmente amarrarmos o áudio a ele. E isso está na construção 37. Então vamos pegar esta compilação 36 vamos terminar este vídeo aqui e passar para a próxima modificação e construir 37. 39. Crie 37: Bom para ir ficar comigo aqui. Você vai gostar deste. Construir 37. Agora, hum, nós temos essas órbitas. Sim, eu tenho essas órbitas se movendo, e , hum vamos fazer algumas mudanças, mas vamos passar por elas lentamente. Então, a primeira coisa que eu quero olhar para sua piscina e há um pequeno ajuste aqui. Então o que a piscina faz é piscina lida com nossos touros empate e nosso sorteio Essas são as elipse h. - Sim. E, hum, nós fazemos as seis elipses h e as colorimos vermelho, verde, azul suspiro em magenta amarela. então Eentãocriamos esse oito orbitador bem, e criamos seis deles. Então criamos seis orbitadores h, e dizemos aos orbitadores quem são os touros sorteados. Ok, então agora o que eu preciso fazer é realmente criar uma ligação entre essas duas coisas. Então olhe para a linha 65 Linha 65. Diz, uh, eu vou adicionar um extra no touro empate antes que sempre tenha sido como um número. Isto é o que eu amo sobre extras e especificamente extras. H bundle é Você também pode passá-lo um objeto. Então eu estou dizendo, d dot extras novo pacote h. Vou te dar um entorpecimento chamado I, que é igual a mim. Então cada nota de sorteio sabe se é zero a cinco, certo? 012345 ou seis problemas. E então eu passo uma referência para o H urbano ou três D. Ok, então eu digo 0.0 b j e eu vou apenas chamar este Ofer para orbitar, e eu vou passar por ele. R h orbiter três d erva aqui em linha 56. Então agora temos essa piscina de seis elipses que estão armazenando qual número? Eles são de zero a cinco e sua identificação associada. Hum, cada orbitador três D comportamento. Tudo bem, incrível. Então agora vamos para o sorteio, e agora há um pedaço enorme. Então a primeira coisa que eu faço é dizer, bem, OK, vamos percorrer as nossas seis elipses dentro da piscina H temp pacote, extra d dot extras. E então eu digo enterrado. Seu eu é igual a colocar cada bolas de sorteio. Número I. Ok, então agora eu sei o meu zero. Número I. Ok, O meu. Meu para o meu três dos meus cinco antigos e então eu crio uma nova instância temporária de H Orbiter três D. e eu digo, oh, é igual para ir para a Ellipse e obter o associado id cada orbitador com essa elipse. Ok, então a razão pela qual eu quero fazer isso é porque agora eu tenho essas órbitas se movendo. Bem, agora eu quero fazer essas luzes pontuais, certo? Então as luzes pontuais sempre foram um ponto no espaço em que a luz irradia, uh, ótimo. Mas agora eu quero que esse dedo leve realmente esteja se movendo na mesma posição exata que os orbitadores estão. Certo. Então eu coloquei um pequeno caso de troca aqui para que eu possa percorrer meus seis ativos. Então eu só digo mudar, eu e eu procuramos o caso zero, um caso para um caso cinco. Então, caso zero. Conheço a caixa vermelha dele e era verde, sabe, perder. Então eu digo Ok, Bem, se esse loop quatro está correndo pela primeira vez, então os olhos serão iguais a zero. Este caso passa Troon. Diz ponto como eu quero que você seja vermelho para 5500 na sua posição certa. Sua posição X y Z é lida cada elipses X Y e Z posição. Então, agora, na construção 36 nós tínhamos essas seis coisas se movendo. Essas seis coisas se movendo agora também são as posições das luzes pontuais, certo? E então eu digo, Ok, quando o loop quatro é executado, você sabe, novamente e é casos um ele vai, e ele cria a luz verde e diz, ok, legal. Você sabe, encontrar a elipse h verde, e onde quer que sua posição esteja, essa é agora a posição da luz verde. Então eu estou usando o caso do interruptor para, hum, anexar luzes a essas três órbitas em movimento. Certo, tirando isso, todo o resto é igual neste esboço. Então vamos em frente e executar isso. E é uma coisa de beleza. Temos o áudio a carregar. Temos estas seis elipses em órbita, mas as posições da órbita são agora as posições das luzes pontuais e o mas as posições da órbita são agora as posições das luzes pontuais e omapa. Então vermelho é uma luz vermelha. Azul é uma luz azul. Verde é uma luz verde, assim por diante e assim por diante. Então agora temos essa esfera no centro da tela e agora temos essas órbitas se movendo ao redor do planeta e essas coisas se movendo também eram as posições de irradiação de luz. Muito bem, então super radical. Estamos indo para um começo realmente, realmente incrível. Então eu vou fechar isso porque eu quero dizer que obviamente, nós vamos adicionar som agora. Então construa 38. Nós realmente vamos ter o áudio, uh, uh, mudar este, este ambiente de iluminação. Então, hum, você sabe, uh, luzes controláveis de som. Você sabe, isso não significa necessariamente que ele tem que animar as coisas para a frente ou animar uma caixa ao redor. Como se pudéssemos realmente usar esta síntese de áudio Teoh para se mover em torno de um sistema de iluminação em nosso ambiente de três D. Ok, então isso vai acabar com a construção 37. Vamos seguir em frente para a construção 38 nós só vamos ter em nosso áudio para este, uh, uh, ambiente de deixar. Tudo bem. Ainda 38. Vês? Lá 40. Crie 38: estamos na construção 38. Então vamos em frente e abrir esta compilação PD e agora vamos anexar o áudio a este ambiente de iluminação, mas vamos fazê-lo de uma maneira bem interessante. Então essa esfera no centro da nossa tela waas um, uma esfera de 125 pixels. Mas nosso raio era maior, estava em um raio de 250 para as órbitas reais. Então, se a nossa esfera no centro é 125, mas as nossas órbitas são 250. E se pudéssemos usar o áudio para controlar? raio Oraiodas órbitas certo. Então eu teria feito aqui é sobre o topo. Tenho dois novos homens de raio inteiro e o raio Max. Então os homens do Raio Urbano estão definidos em 125, o que seria do mesmo tamanho da esfera real que está estacionada no centro da tela e oh, raio máximo ou órbita Raio Max está ajustado para 250 que é aquele raio externo que estava correndo e, Você sabe, construir 36 construir 37 Agora, hum, antes de estarmos usando uma nova elipse H. E então eu pensei, uh, que seria divertido realmente mudar este sorteio capaz de uma esfera oito. Então agora temos um tipo de planeta no centro, e então esse ar tipo de luas pequenas. Hum, e eu fiz deles uma esfera, então eu fiz esferas orbitando planetas maiores. Medo. Certo. Então aqui online, 46 Eu mudei de H Ellipse, também. Esfera T H aqui em baixo na linha 52. Eu adicionei isso, você sabe, tamanho 10. Então cada esfera tem um tamanho de 10 novamente. Sem derrame de novo. O Phil está recebendo um sinal vermelho verde azul, magenta amarela de cima. E praticamente tudo o resto neste conjunto permanece o mesmo. Então a única mudança para configurar foi trocar isso de H Ellipse dois X medo e adicionar um tamanho de 10. Agora, vamos descer ao sorteio e perceber que, Ok, eu estou configurando essas luzes pontuais e essas luzes de ponto são, hum são pontos em que a luz emana de diante. Isso é ótimo. Mas eu tenho um problema porque agora eu estou desenhando essas pequenas esferas H. Quero ter certeza de que essas esferas H não estão sendo iluminadas pelas luzes pontuais. Então olhe para o que eu digo sem luzes. Então eu desligo todas as luzes e então eu acendo aquela luz branca ambiente muito suave. Então eu digo que o detalhe esfera olhos 10 e, em seguida, eu desenhar palco. Então agora eu estou desenhando minhas seis esferas h, que costumava ser um lábios frios é minhas seis esferas h com uma luz ambiente suave. E então, depois de h desenhar etapas feitas, eu realmente desliguei as luzes novamente. Então as luzes acendem para as órbitas pequenas, apenas os dedos acendem com uma luz ambiente branca, e então eu desligo as luzes novamente. Agora, dentro disso dentro do sorteio, quando estamos passando por nossa piscina, fiz uma pequena mudança aqui, que foi antes de estarmos apenas dentro da caixa de troca. Apenas a posição da luz pontual. Mas também vou mudar o raio, por isso vê isto. Eu digo, hum, raio fft. Agora, hum, vá olhar para os meus dados de áudio. Então vou olhar para a posição zero. Certo. Então, na verdade, ler vai ser a base porque escolhe zero. E então eu digo, OK, é um número entre zero e 100 mas mapeá-lo para 125 para os nossos homens e 2 50 para o nosso máximo, e então on-line 101 eu realmente mudei o raio da órbita. Então, o áudio está realmente expandindo e contrair o raio da urbana em que eles se comportam. E, novamente, esse código é copiado. E estou fazendo isso por cada um dos de casos detroca aqui. Agora eu acho que eu também fiz Sim, eu fiz um pequeno ajuste para o meu dedo widget de dados de áudio realmente mostrar as cores dentro do porque certo, porque zero é vermelho corrida vai ser verde para vai ser boo. Então, na verdade, as seis órbitas, mesmo que nossa sala de espera seja 11, eu só estou usando o primeiro 6 dedos realmente são mapeados para estas órbitas. Mas eu acho que se eu me lembro meu widget de dados de áudio aqui no topo tem uma configuração de falso. Então vamos em frente e falar tudo isso a verdade para que possamos ver isso funcionando e eu vou continuar, salvar e executar meu esboço aqui. Ok, então olhe para isso agora. Então nós aqui em baixo é nosso espectro de áudio, e eu estou codificando cores vermelho, verde, azul, ciano, amarelo, magenta. Certo. Então, mesmo que nosso espectro seja 11, só ouvíamos o 1º 6, então vermelho é o nosso ponto vermelho , verde é o nosso ponto verde, podemos ver a esfera H, certo? Com as Com as luzes. Apenas uma luz ambiente branca e suave. E o que estou fazendo é expandir e contrair o raio da órbita. Então, se o espectro ficar quieto, ele realmente vai apenas deslizar no topo da superfície daquela esfera 125 que nós estacionamos no meio da tela. E novamente, medida que estes começam a aumentar a amplitude, eles então pularam seu raio. Estou expandindo esse raio para 50, então eles parecem que essas luas voam realmente dançando para fora do planeta. OK, então esta nota 38 é, hum, parece um começo fantástico. Então agora vamos começar a pensar sobre você sabe, que outros raios podemos usar o áudio para controlar este ambiente então eu vou ir em frente e fechar um esboço, porque agora o que nós vamos começar a fazer nos próximos dois builds pode alterar a velocidade do da órbita. Assim, não só a baía da lua tipo de dança fora do planeta, mas a velocidade da lua na verdade diminuiria ou aceleraria, também com base no espectro de áudio. Então eu vou fechar este esboço compilação 38 Eu vou vê-lo na compilação 39. 41. Crie 39: Temos quatro para ir. Construir 39. Hum, ótimo. Vamos em frente e abrir esta compilação PTE aqui. E, hum, no caso desta construção, 39 como eu disse no esboço anterior, seria ótimo se o áudio também pudesse controlar a velocidade da órbita. Agora, quando você está falando sobre velocidade, se você olhar aqui em baixo nesta órbita H três, nós temos uma velocidade Z e nós temos uma velocidade Y. Certo? Então parece que vou montar uns carros alegóricos novos. Então, os primeiros dois carros alegóricos que vou montar são Ziemann e Z Max, e então eu vou armar para Wyman. E por que, Max, certo? Então eu montei Zemun em 0,5 z max em 5,0. Por quê? Homens em 0,5 negativo e por que Max em 5 negativos. Hum, tão legal. Agora tenho um minuto e um máximo de velocidade. Que, é claro, eu vou mapear para o espectro de áudio e para que se ele chegar a zero, ele vai contra os nossos homens. E se ele vai para 100 vai para o nosso máximo. O importante a lembrar é que estes são carros alegóricos, certo? Porque eu estou fazendo coisas como 0,5 então eu não estou trabalhando com, uh, com entrevistas. Neste ponto, estou trabalhando com números flutuantes. Agora, novamente, Não há muitas mudanças na configuração. Tudo é praticamente o mesmo. Você vai ver aqui em Z velocidade e minha velocidade eu coloquei em que Ziemann e que Weinman Um eu era bom e novamente é apenas uma espécie de adição maior Teoh para o empate no caso switch. Então agora estou mudando o raio da órbita. Agora eu quero mudar a velocidade da órbita com base no áudio. Então online 100. Eu crio alguns novos flutuadores temporários para FFT Easy Speed e FFT Wide Speed e o que eu estou fazendo aqui é dizer Ok, Bem, Z Speed está mapeando o espectro de áudio novamente. Olhando para, você sabe, para vermelho é olhar para o sub-item zero um número entre zero e 100, em seguida, olhar para Zemun e em Z Max para a velocidade. E mais uma vez, é claro, está fazendo isso também para o porquê e então esta linha de distância apenas muda porque você está dizendo que eu quero mudar a órbita, velocidade Z. Quero mudar a órbita. Por quê? Velocidade e quero mudar o raio da órbita. Então agora estamos expandindo e contraindo o raio, e também estamos acelerando e diminuindo a velocidade da órbita desses ativos. Tudo bem, vamos em frente e executar o esboço. E, claro, você sabe, eu sei. Os mesmos quatro para verde, para o azul, para o sinal para a magenta amarela. Os mesmos quatro para verde, para o azul, Esqueci de mencionar isso no 1º 1, mas tão vermelho seria nossa base e realmente suspirar seria nossa seria nossa armadilha, porque esse é o caso três, hum, modo que aquela luz científica deveria estar agindo na armadilha . Então olhe aqui. Agora estamos expandindo e contraindo o raio, mas também estamos recebendo um bom movimento em termos de velocidade, de fazer esses pequenos movimentos tipo de rasgar em torno do planeta baseado no áudio . Ok, então, hum, legal. Como podemos levar isso ainda mais longe na construção 40? Vou te mostrar como vamos girar essa coisa ainda mais com base em fechar. Construir 39. Chegando tão perto do fim e eu vou te ver e construir 40 42. Crie 40: Então,antes de começarmos Então, a construir 30, vamos olhar um pouco para o passado. Vamos ver a construção 35. Você se lembra desse esboço onde usamos o áudio para controlar a rotação de todo o universo? Theo Universo inteiro. Lembra quando estávamos ferrando todo mundo girando o universo inteiro? Sim. Uh, isso saiu estranho. Este universo, certo? Então nós estávamos usando aqueles números ímpares estavam usando 03 e cinco. Então a base estava controlando uma rotação três para a armadilha estava girando outra rotação. E nós apenas jogamos em um número arbitrário cinco t mudar esta rotação. Agora imagine que aplicamos isso à nossa compilação 30. Então eu vou em frente e fechar isso, e eu vou para construir 40 agora e vamos sair. Vá em frente e abra, Bill PD. E vamos imaginar que não só você está flutuando, o raio não é apenas você está mudando a velocidade, mas baseado em armadilhas e esse número arbitrário vai realmente girar o universo inteiro , certo? Então eu tive que re adicionar estes três inteiros para girar Nomex entorpecido winem Z defini-los Teoh 20 desculpe, Eu tive que cortar em uma pequena edição aqui porque eu inicialmente tinha dito que não havia nenhuma mudança para configurar. E, na verdade, isso não era verdade. Eu precisava mudar aqui online. 71. No nosso exemplo anterior, o H Orbiter três D, sua posição inicial foi dividida por duas altura, dividida por duas e um Z de zero. No nosso exemplo anterior, o H Orbiter três D, sua posição inicial foi dividida por duas altura, Então eu realmente tenho que atualizar H orbiter três D Toby um X Y e Z de 000 Então, se você estivesse olhando para o esboço, ele realmente começaria no canto superior esquerdo de 00 agora para a órbita porque nós vamos usar aqui em linha 95 um push matriz pot matriz traduzir para ir dedo do pé com dividido por dois altura dividido por dois. Então eu tive que editar isso porque inicialmente tinha dito que não havia nenhuma mudança para configurar, mas você precisa fazer este ajuste de onde o ponto de posição ah da órbita H três d é, um mas olha o que fizemos aqui. Agora nós tivemos o dedo do pé tipo, uh, fazer um pouco de ninho e todo o caminho em cima aqui eu digo nada de luzes e, em seguida, colocar em uma matriz de empurrar. Eu coloquei em uma tradução com dividido por dois altura, dividido por dois. E então lembre-se, eu coloquei nesta rotação X girar Por que girar Z Mas foi tudo baseado em obter f f T girar, X, Y e Z você sabe, olhando para 03 e cinco. E estava colocando, sabe, sabe, esses números e dividindo-os por 20. Certo? Então este era agora este push matrixes, traduzir este giro Tudo o que agora estava sendo aplicado a todo o esboço como um todo. Então vamos em frente e fazemos nossas luzes. Então faremos nosso detalhe da esfera. Então desenhamos nosso palco, que são nossas luas de esfera H que estão orbitando ao redor. E então podemos ir em frente e começar a fazer nossa piscina HDE Wrobel. E depois que a nossa tigela D D na piscina está pronta e é executado através desta caixa de comutação onde ele, hum ah muda a velocidade para o Z, o porquê e o raio. Certo? Depois descemos aqui e empurramos a matriz pop para a esfera no centro. E então aqui está a última matriz de pote ali, online, 183 Então, aqui está o começo, aqui está o começo, aquela matriz de empurrar no 94 e, em seguida, todo o caminho para baixo aqui é a matriz pop de fechamento. Então agora nós temos o áudio controlando o, hum o poço, vamos, Vamos executá-lo. E então podemos enfraquecer a recapitulação. Ok, aqui vamos nós. Certo. Então, não só o espectro de áudio está mudando o raio da órbita as velocidades da órbita , mas temos uma armadilha baseada e então apenas esse número arbitrário, realmente girando as luas e o planeta. É difícil de ver. Na verdade, verdade, você sabe como podemos ver. Veja isso se viemos aqui. Aqui é onde estamos atraindo esse medo no centro. Vamos, você sabe, novo, isso é só para fundos. Facilidade. Digamos que o acidente vascular cerebral é de 2 55 Então olhe, eu digo sem acidente vascular cerebral. E então é como se eu estivesse tendo um derrame. , Esfera,detalhe 75. Isso talvez. Certo, vamos testar e ver o que acontece. Então, ao visualizar o curso da esfera, estou ilustrando o ponto de que não só estamos flutuando o raio e flutuando as velocidades. Mas estamos girando todo o universo como um todo. Se você realmente colocar o traço de 2 55 na compilação anterior 39 você não veria a esfera no centro realmente girar. Ficaria fixo, porque agora estamos usando essa base. Essa armadilha e aquele dedo do pé arbitrário, realmente levam todo o universo em que os planetas e luas vivem. Groovy. Tudo bem, vamos em frente e tirar esse golpe de 255. Então como? Vamos até o topo e dizer “Show visualize”. Er igual a Fallston. Deixe-me fazer isso uma última vez. Ok? Então, Então, tudo parece bem. E esta é a configuração perfeita para nossos segundos até a última compilação 41. Então, se eu estiver usando, hum, se eu estiver usando, uh, essa rotação de todo o universo, certo, seria ótimo se pudéssemos vê-lo. Sabe, a única maneira de vermos isso é quando mudamos a esfera central para ter um derrame de 55. Então, a foto um on-line é como a oportunidade perfeita para realmente começar a fazer algum mapeamento de textura . Então nós falamos sobre a coisa central ser um planeta, por que não torná-lo um mapa de malha e textura que malha com PNG e realmente torná-lo um planeta? Então, uh, eu vou ir em frente e fechar 40. Nós estamos recebendo um monte de estranho, realmente grande movimento do espectro de áudio novamente, nós reduzimos para 11. Mas neste caso, onde a animação só é controlada pelo 1º 6 aquele vermelho que o verde que soprou aquele sinal que amarelo eles agenda. Certo, isso acaba com a construção 40. O segundo para o último arquivo. Cara, construir 41. Está chegando ao fim. Hum, mas nós fizemos alguns ótimos esboços. Então, Então, vejo você e construa 41. 43. Crie 41: A melhor camisa de sempre. Ah, estamos na construção 41 segundos para o último esboço juntos aqui. E o que eu fiz está dentro da pasta de dados. Então, se você olhar para a compilação 41 você olhar dentro da pasta de dados, há um novo PNG chamado textura dot PNG. E se você abrir isso, é apenas uma textura bidimensional que vamos enrolar. Aquela esfera que fica no centro é o nosso é o nosso planeta. Hum, e na verdade, hum, para este exercício em particular, há, você sabe, há um monte de maneiras e um monte de bibliotecas para criar malhas e mapeamento de textura. Mas eu pensei em usar o mais fácil, que está bem no site da organização de ponto de processamento. Hum, ele não funciona no navegador, mas há este exemplo aqui em cima para esfera texturizada no site de processamento onde você sabe, este código realmente se comporta muito bem. Então vamos tirar o casaco daquele exemplo. Agora, vamos em frente e abrir construir PTE. E você vai notar que aqui quando eu estou definindo minhas variáveis, eu tive que criar um novo bloco de variáveis, isto é, partir desse ponto de processamento ou Exemplo GTA. Esboço definindo um planeta, textura ou planeta com altura da planta. Você sabe, pontos entorpecidos. Coordenadas X, Y e Z multi x y x z Assim por diante. Coordenadas X, Então isso é copiado do exemplo de textura da organização de ponto de processamento. Você vai notar aqui e configurar que eu precisava adicionar algumas coisas novas aqui online 60. Eu digo que a textura do planeta é igual a imagem de carga. Ei, vá pegar aquele ponto de textura P e G que eu acabei de te mostrar, e eu vou dizer que o planeta com Sequels Planet High é igual a 50. E então eu vou seguir em frente e inicializar uma esfera, ok e esferas inicializadas a função que está abaixo, que nós vamos chegar em apenas um momento. Tirando isso, nada mudou e configurado. Tudo ainda é o mesmo. E para a melhor parte, maior parte da mesma coisa está acontecendo dentro de Drawl, certo? Temos nossa matriz de empurrões e matriz pop estavam girando todo o universo. Todo o mesmo negócio ainda está acontecendo. Ainda temos esse caso de troca que está movendo as luas. , Do outro lado, , o pequeno planeta, o meio em sua mudança, o raio está nas velocidades e novamente inalterado. - Nada. Não há nada diferente lá. Ótima. Mas se você veio aqui antes, era essa área bem aqui onde estávamos desenhando uma esfera no centro da tela. E você sabe que isso foi bom e todos os outros esboços. Mas agora eu quero que eu quero executar esta esfera de textura. Então o que eu fiz foi colocar uma matriz de push de matriz pop. Eu tenho uma traduzido que um eixo rotador gira. Por que girar Z e então eu faço esta chamada para a esfera texturizada 1 25 25 25 e então eu passo a textura. Agora, se eu olhar aqui na linha para um desejo 09 todo este código especificamente, essas funções como a função de esfera inicializada e a função de esfera texturizada estes aqui são realmente apenas copiados do exemplo em seu em seu site. Eu realmente não mudei essas funções. Além disso, estes eram apenas estes foram apenas transportados. Uma das coisas que eu só queria apontar é, um, um, quando eu realmente vou desenhar a esfera texturizada, ele vai, você sabe, você sabe, ele vai sempre desenhar o mapa do escritório dos espíritos, textura para ele. Mas o que eu notei é que como as luas estavam, você sabe, se movendo ao redor do planeta Ah, não era branco suficiente para realmente tipo de trazer foco para a textura. Novamente, repare que eu só caio em uma pequena luz de ponto simples. Então eu tenho essa esfera e eu apenas caí em uma luz pontual com seu Ah, é um cinza médio. Certo? Então, o verde vermelho azul é 101 102 100. Eu disse que a largura foi dividida por dois. E então eu realmente disse que é por isso que a posição era negativa. 500. Então, você sabe, se este é o nosso esboço, eu vim com dividido por dois. E então eu realmente coloquei o ponto, você sabe, 500 negativos aqui em cima. Então, foi como uma boa luz elevada, hum, hum,acima. E eu também movi essa luz para um positivo 500 no eixo Z. Então isso meio que lançaria essa luz cinza média muito grande, muito sutil em cima de nossa esfera texturizada. Então vamos em frente e executar isso e ver como tudo isso está abotoando. Ok, então a primeira coisa que você deve ter notado é aquela luz de grão que eu estava falando é bom, bom crescer luz que realmente fica no topo deste planeta, e começa a sair Peter, tipo por aqui. Então, você sabe, eventualmente você vê que é meio que permanece escuro aqui em baixo quando as luzes não estão, as luzes não estão ligadas. Então eu estou dando este tipo geral de brilho suave em cima do medo do Texas. Mas você também está recebendo as luzes coloridas assim também. Agora você deve ter notado por que a esfera de textura foi a escala de cinza novamente? A razão pela qual é grande escala é que ele remonta a uma conversa que tivemos muitos esboços atrás, que é desde que você esteja usando preto ou branco ou usando escala de cinza quando você começa a matizar cores ou, neste caso, usar iluminação para acender algo, qualquer coisa que é grande escala vai ou branco até branco bem realmente mergulhar nessa cor. Então, se esta esfera texturizada era realmente uma textura colorida. Então estaríamos fazendo cor em cima da cor, e meio que fica enlameado super rápido. Então, sempre que eu vou estar usando esse tipo de ambiente de iluminação, eu tento ter certeza de que a maioria das minhas texturas são escala de cinza para que eles realmente absorvam a cor em vez de duas cores tentando lutar entre si. Agora, hum, esta aula tem sido ótima. Eu realmente espero que eu tenha. Mostrei todas essas possibilidades diferentes do que podemos fazer com o som, e em algum lugar você deveria estar dizendo: “Oh, “Oh, meu Deus, foram 41 esboços. E, você sabe, eu acho que você a razão pela qual eu fiz essa aula é que eu quero saber como ele faz essas coisas de show ao vivo , você sabe, hum, e obviamente essa vai ser a nossa construção 42 é como nós amarramos isso, na verdade para áudio ao vivo. Então, até este ponto, construa para construir 41. Nós só estamos correndo correndo fora de arquivos de caminho. Ou você pode correr fora de MP três arquivos ou qualquer que, hum, que nós vamos ser como onda melhor. Hum, ótimo. Vamos em frente, fechar isto e construir 42. Vamos ter essa discussão em áudio ao vivo. Vê-lo construir 42. 44. Crie 42: Merda. Somos os campeões, meus amigos, porque conseguimos construir 40 para ele e, sabe , de qualquer maneira isso tinha que , , ficar estranho. a Somosavida ao vivo. Áudio ao vivo. Então olhe para a pasta de dados. Pegou o arquivo de caminho para fora porque nós estamos realmente indo para correr fora de dados de vida aqui. Então, dentro dos dados, os arquivos de onda foram removidos, e eu adicionei um pouco PNG aqui para anéis. Na verdade, isso é transparente. Se você abrir no Photoshop, eles são lindos. Lindos anéis porque este planeta quer ser Saturno. Hum, e é claro, nós temos o nosso mapa de textura, mas nós temos esta pequena adição de ter alguns anéis agora, acredite ou não, o código mod para fazer áudio ao vivo não é muito grande de uma diferença você entra na construção PDE, o que você vai notar é, uh, no topo aqui. Antes de termos um reprodutor de áudio, um reprodutor de áudio era um objeto no qual podíamos carregar especificamente um audiófilo. Então o ajuste que fazemos é dizer que em vez de meu áudio ser um reprodutor de áudio , dizemos que meu áudio é entrada de áudio certo, , então isso é, um, um, qualquer que seja o áudio entrada é e assim eu posso ir para preferências e eu posso dizer que a entrada de áudio é um microfone. Ou posso dizer que a entrada de áudio é a linha do computador. Então, se eu for tocar um show ao vivo e eu só quero ouvir o músico, o que eu faria é dentro das preferências. Eu configuraria a entrada de áudio para realmente estar deitada, e então eu perguntaria se eu poderia obter uma linha da placa de som para o meu computador que está executando este código. Assim, meu código é apenas ouvir a música que está realmente vindo da placa de som do músico, você poderia obviamente fazer isso, hum, com entrada de áudio sendo um microfone, então você está realmente fazendo arte que é sim, ouvir a música que está sendo tocada no espaço, mas também o público. Então isso é enorme porque isso significa que agora as pessoas que assistem o show podem participar, e eles podem aprender muito rapidamente, como quanto mais eles gritam o mawr que muda o visual. E novamente, mudando meu áudio de um reprodutor de áudio para uma entrada de áudio. Ok, agora, tudo o resto praticamente permaneceu o mesmo até você entrar, hum, logo acima da configuração, eu quero carregar esses pequenos anéis. Então eu só disse anéis de imagem P em então aqui on-line 65 Eu disse anéis é igual a carregar imagem, e em seguida, ir buscar que anéis ponto PNG Então agora estamos carregando em que PNG transparente para anéis . Agora, uh, quando se tratava de definir o áudio e configurar, nós tínhamos isso, que era, você sabe, você sabe, meu áudio é igual ao arquivo mínimo de carga de pontos e, em seguida, carregar deste modo arquivo. E então, você sabe, nós especificaríamos on-line 75 ou para o meu loop de ponto de áudio ou minha reprodução de ponto de áudio. Então, o único ajuste é, como eu digo, que meu áudio é igual ao mínimo ponto get line em ponto mono mínimo. Então agora essa linha 72 está chegando. Ah, a música vive como está acontecendo. Ok, agora, eu adoraria dizer que há um monte de outras coisas que são diferentes, mas infelizmente não há configuração praticamente permanece o mesmo. Você pode notar aqui dentro da piscina. Limpei tudo. Teoh usar esse método, encadeando tudo em uma linha em vez de fazer os retornos rígidos com guias. E isso é apenas um tornar o código um pouco mais curto. Venha para o sorteio Push Matrix Pot Matrix. Todo esse negócio ainda é o mesmo. A única diferença é que aqui na linha 92 até 91? Sim. Estou criando a esfera texturizada no centro e logo depois dela Aqui está a nova adição de realmente adicionar os anéis. Então eu realmente coloquei os anéis também no centro, e eles estão indo Teoh, girar em torno também. Agora, eu vou em frente e, uh, executar este esboço e você pode ver que agora estamos usando a linha no microfone Migra. Dados do telefone. Sou eu, Sr. Caranguejos. Bob Esponja. Você tem que me fazer Patties rabugento. Certo? Então agora eu posso pegar tudo isso e ter que fugir da mentira badia, certo? E funciona. Absolutamente perfeito. Então, o mais suave faz ele parecer, uh, quem? Uh certo. Então funciona. Perfeito. Então é este passo final onde eu posso realmente ter este material correr fora de um, que linha dentro e essa linha e novamente poderia ser placa de som ou pode realmente ser três audiência . E então eu digo a vocês que nós somos os campeões. Nós somos os campeões desta classe como eu pensei, tudo bem, uh, isso termina a construção 42. Tem sido fantástico, na verdade. É como, você sabe, o que eu queria mostrar todas essas idéias diferentes, mas é construído sobre esses blocos de construção simples, que está apenas pegando esse espectro de áudio, reduzindo-o para algo que se encaixa , hum, no gênero da música. Identificar quais partes nesse espectro são coisas que devemos agarrar, como vocais de baixo, guitarra, você sabe, você sabe, e então usar isso usando o mapa para dizer, ouça, isso coisas do espectro de áudio estão acontecendo. Eu podia ver isso acontecendo aqui. Essas barras que estão se movendo para cima e para baixo enquanto eu falo e eu quero saber que isso é um número entre zero e 100 então eu vou mapear isso para uma grande variedade de coisas diferentes. Pode estar movendo coisas no espaço que podem estar controlando a velocidade de um comportamento. Pode até estar controlando a iluminação em um ambiente de três dias. Então, hum, eu não posso te agradecer o suficiente por, hum, por ter concordado com essa aventura comigo. Isso estava pintando com som, e eu acho que vou terminar com um último vídeo que eu vou fechar este e eu vou encontrá-lo naquele vídeo. E vamos falar sobre a próxima aula porque na verdade estou trabalhando em 1/4. Então isso foi feito, e eu vou te ver no seu incrível Eu sou incrível foram ambos incríveis. O amor que compartilhamos tipo de vídeo de fechamento incrível. 45. Obrigado: Então eu só queria criar um vídeo de encerramento só para agradecer. Eu realmente espero que você tenha gostado desta aula. Nós realmente balançamos através de 42 esboços. E é engraçado porque, como, eu acho que eu tinha mencionado antes, eu tinha escrito uma aula completamente diferente. Hum, que eu ia didio antes disso e que ia ser gráficos de programação, três mapeamento de textura e muitos controladores onde eu mostro como eu uso muitos controladores para acionar todos esses estados diferentes que eu faço para bandas quando Eles vão para ela. Mas como 3/4 naquela aula, eu percebi, você sabe, som é um componente tão grande para isso. E muitas pessoas perguntaram em algumas das minhas outras aulas: “ Ei, Ei, você vai encobrir o som? E eu percebi que eu provavelmente deveria fazer essa aula, colocá-la para o lado e fazer esta primeiro. Então eu espero que você realmente goste disso. A próxima classe novamente vai ser textura, mapeamento e controladores midi. Se você tem alguma sugestão de outras coisas que você gostaria que eu tentasse entreter você com através do processo de aprendizagem. Por todos os meios. Me avise. É Arduino é um movimento de salto. Está conectada? É isso? É o quê? Um sincero obrigado. Adoro fazer isto. Quem me dera que este fosse o meu trabalho. Quero que este seja o meu trabalho. Quero que façamos magia juntos. Agora não. Não de uma forma estranha. Assim como em um par de bons feiticeiros. Obrigado mais uma vez. Mantenha-se em contacto. Fala isso.