Então estamos em bom estado aqui.
O que queremos fazer em seguida é fazer com que não usemos as mesmas seis cores a cada momento.
Em vez disso, queremos gerar seis cores aleatórias e preencher esta matriz com essas seis cores aleatórias e, em
seguida, escolher uma dessas para gerar essas cores.
Na verdade, vou escrever outra função para nos ajudar.
Então, nossa função Nener nossa raça a matriz codificada e eu vou definir cores iguais à
nossa chamada de função que chamaremos de gerar cores aleatórias e ainda não existe e vai ter um
único argumento que decide quantas cores para gerar na matriz.
Então, se queremos uma matriz com três itens que queremos, eventualmente, quando chegarmos ao modo fácil
versus modo difícil, queremos 6.
Então, vamos começar com 6.
É o que queremos quando a página é carregada.
Então, precisamos criar a função de gerar cores aleatórias que leva um número e retorna o número X
de cores aleatórias em vez de uma matriz.
Então vou fazer isso aqui.
função gera cores aleatórias e isso deve levar um argumento sobre o qual chamaremos de dor e então em vez de aqui.
A
Tudo bem meu pseudo código.
Então eu vou fazer uma matriz.
Eu vou adicionar algumas cores aleatórias à matriz e então vou retornar essa matriz no final.
Então, para começar, esta é a parte mais fácil.
Faça uma matriz apenas uma vazia.
Então, vamos chamar isso de r r apenas uma matriz vazia e, em seguida, na parte inferior, vamos apenas
retornar a mesma matriz.
A parte mais difícil é a lógica que existe no meio.
Então aqui precisamos adicionar cores aleatorizadas.
Então, o que isso significa é que precisamos repetir algo, saber o número de vezes.
Então, seis vezes ou três vezes.
Então, usaremos um loop para fazer isso.
Então, vamos começar com o nosso loop para nossos iguais zero.
Eu sou menos do que entorpecido eu mais plus.
realmente usar I, é apenas uma maneira de percorrer três vezes seis vezes os tempos de Nahm.
E não importa se começarmos em zero ou se começarmos em 1 e nós tornamos isso menor ou igual a porque
não vamos
E então, aqui, vamos realmente obter cor aleatória e empurrar para a matriz.
Então, esta linha é realmente apenas repete as horas entorpecidas.
Então, eu vou fazer uma função separada na verdade, que irá gerar a cor aleatória
para nós e só vou chamar essa cor aleatória.
Então, a função cor aleatória e o que você está vendo é que eu tenho uma função aqui.
estou chamando outra função, apenas chamada de cor aleatória, e isso é realmente apenas para quebrar um código.
Gere cores aleatórias que eu chamo dentro daquele eu
Deixe claro o que é modular o que nós poderíamos ter tudo, sem nenhuma função, poderia ser o que as
pessoas chamariam de código de espaguete, é todo o lugar.
Então, vamos adicionar algumas funções aqui para adicionar alguma estrutura.
E novamente no final deste projeto, quando terminamos, tudo parece ser bom, toda a funcionalidade
está lá.
Eu vou ter um vídeo opcional para refatorá-lo e vou falar sobre como ele pode mudar as coisas em
torno de torná-los um pouco mais limpo um pouco mais bonito, mas vai funcionar exatamente da mesma maneira.
Então, para começar cores aleatórias para fazer uma cor aleatória, precisaremos escolher uma leitura de 0 para 5 5 repetições de 0 2 para 5 5 e
então precisamos escolher um verde de zero para 2 5 5 e depois um azul .
E assim, para escolher qualquer número de 0 a 255, também precisamos usar matemática não aleatória.
Então, será matemática não aleatória.
Isso nos dá entre 0 e 1.
Não inclui um.
Precisamos multiplicar por 256 porque lembre-se que estamos encerrando.
número possível para muitos para se multiplicar por mais 256 e então precisamos andar no chão de matemática.
Então, queremos que 255 seja o maior
Então, vá ao meu conselho e cole neste código, você pode ver se obtemos um número aleatório entre 0 e 255 e você
provavelmente não verá que ele realmente vai para 255.
Teremos que confiar em mim nessa.
Mas você pode ver, pelo menos, fica perto.
Eu acho que vimos 253.
Isso é bom o suficiente por enquanto.
vê todos os quadrados foram para roxo e isso é porque a nossa geração de cores aleatórias não retorna nada.
E você também
Então, ele simplesmente retorna uma string vazia.
Então, na verdade, na verdade não estamos trilhando e dando uma cor a cada um.
Então, está tomando o roxo padrão de C Ss apenas uma nota lateral lá.
Então, isso gerará um número de 0 a 255.
Vamos salvá-lo para uma variável chamada R e então faremos o mesmo para o verde e para o azul, assim como
este espaço isso corretamente e altere os nomes para que G e B nos forneçam três números
de 0 a 255.
E a pior parte é sintetizá-los nesta grande cadeia que segue o formato de R. G. B parênteses e depois os
números dentro de R G e B.
E isso significa muitas curvas de abertura e fechamento e sinais de mais.
Então vamos começar com o que parece ser assim.
Vamos ter nosso G-B e, em seguida, abrir parênteses e, em seguida, mais o canal vermelho.
Este número de 0 a 2 5 5 mais uma vírgula mais o valor de G mais outra vírgula mais o valor de B mais
nossos parênteses de fechamento.
E devemos ser bons para ir agora.
Essa grande corda.
E o que queremos fazer é realmente retornar essa string assim.
Então, devolva essa grande string e isso gerará uma cor aleatória.
Então, é um monte de trabalho para uma cor.
Três números diferentes 0 2 2 5 5.
Nós os colocamos com vírgulas entre eles parênteses em torno deles as letras R. G. B.
E então devolvemos isso para que possamos usá-lo aqui.
página, vá para o nosso cônsul e tente chamar cores aleatórias e isso parece ser bom para mim.
E se queremos apenas testar se isso funciona, vamos continuar e atualizar a
Estamos recebendo uma cor aleatória.
Parênteses estão corretos.
As vírgulas são todas boas.
Vamos agora e usamos isso aqui.
Então, vamos chamar essa cor aleatória e vamos empurrar isso para nossa matriz.
Aqui estão eles.
Então, nosso impulso DOT e nós não precisamos usar o push, mas isso vai acontecer aqui.
E isso agora nos criará uma boa variedade de cores.
Então, gere cores aleatórias 6.
Chamamos isso de repetição seis vezes por vez.
Ele empurra uma cor aleatória para a matriz.
Então vou mudar o nosso comentário aqui.
Aqui vamos nós.
E para verificar se isso funciona se atualizamos.
seis cores aleatórias e não só que são cores aleatórias que escolhemos a única cor que nós escolhemos da matriz também muda.
Você pode ver agora que nós recebemos
Então, não quebrou isso.
Tudo ainda funciona ou faz isso.
Vamos ver.
Então, se eu clicar em algumas dessas cores, tente novamente, tente novamente, tente novamente, talvez eu tenha apenas um livro realmente ruim,
mas não há algo errado.
Então, o problema é um pouco complicado.
o bug que eu criei quando fizemos o jogo do marcador quando comparamos as coisas aqui.
É um pouco parecido com
Se verificamos se o usuário está certo se eles escolherem a cor certa, algo estava acontecendo errado antes de
termos um número.
E estávamos comparando isso com uma string.
Neste caso, é um pouco diferente.
Então, deixe-me mostrar que você vai fazer outro con. registro do cinto clique para colorir e, em seguida, escolha a cor.
E vamos ver o que eles parecem, talvez eles sejam um pouco diferentes.
Vamos atualizar a página e abrir o con. E vamos começar a clicar.
Então, esta é uma quantidade média de Fred um pouco verde e um pouco azul.
Então, vamos clicar em alguns.
E observe os números à esquerda, a seqüência RGV e a direita à direita.
E é claro que estes não combinam.
Mas se você clicar na direita você pode ver que quando eles combinam ainda pensa que estamos errados.
Isso diz que tente novamente.
E se você comparar as duas cadeias aqui, esta é a cor clicada.
Isto é o que está voltando.
Quando clicamos em um elemento e pedimos esse ponto marcado de fundo e essa é a cor que
nós escolhemos da matriz.
Então, de alguma forma, eles são um pouco diferentes.
E o que acontece é que, quando configuramos a cor de fundo de um elemento, o SS
automaticamente adiciona no dormitório adiciona automaticamente 10 espaços entre eles.
Então, para consertar o que queremos fazer é apenas adicionar espaços aqui entre nossos números, então, depois dos cometas, e se o
fizermos, eles serão comparados e serão iguais uns aos outros.
Então é um tipo de bug complicado.
Só tem que ver com a maneira como comparamos coisas com iguais triplos e não é que os iguais
duplos consertam isso de qualquer maneira.
O dobro das chamadas não ignora espaços ou nada, mas é apenas um problema com a forma
como geramos as cores.
Então, se tentarmos novamente e atualizarmos.
Agora vamos clicar.
Você pode ver que nossos espaços estão aqui e estes definitivamente irão combinar.
Uma vez que clicamos na cor certa, que é a última e nós conseguimos o nosso correto.
Então definitivamente um erro complicado lá para encerrar.
Vamos tentar jogar um jogo e uma tela cheia e livrar-se do console e atualizar e
admirar nossas cores aleatórias.
A última coisa que podemos fazer é quando conseguimos corrigi-lo, também podemos mudar o cenário H-1 como
fiz aqui.
Então, quando você adivinha a cor certa, ela também altera a cor de fundo.
E essa é uma mudança simples.
Tudo o que precisamos fazer é selecionar o H-1.
Então, H-1 e podemos selecionar isso o único H-1 na página.
Então aqui em cima vou selecionar na base var H-1 é igual ao documento que o
seletor de consultas H-1 salvar isso.
E então, quando o usuário adivinha corretamente o que está aqui, vamos mudar o fundo H-1 DOD ou
o estilo desse plano de fundo.
E isso deve ser igual a cores coletadas e salvaremos isso na versão correta da atualização do nosso jogo
e vamos tentar clicar.
nós temos um jeito de seguir nosso estilo comparado a isso, mas estamos chegando lá com a lógica.
E nós vamos definitivamente,
Então, você adora incorretamente que desaparece simplesmente mudando a cor de fundo.
E se você adivinhou corretamente, todos mudaram de cor e a H-1 também mudou.
No próximo vídeo, vamos adicionar a funcionalidade Play novamente e adicionaremos um pouco mais de estilo.