Tudo bem.
Bem vindo de volta.
Nos próximos vídeos, vamos nos concentrar na construção de uma aplicação substancial, algo que tem muitas
peças em movimento mais html mais CSSA muito estilo e, o mais importante, muita população e evento dominante, o
que vamos construir é uma R. G. Seja um jogo de adivinhação colorido.
Portanto, não é apenas uma ótima demonstração de como todas essas peças se encaixam, mas também é uma ferramenta
muito agradável para você.
E para você praticar R. G. Seja cores porque o sistema de cores RGV é um pouco insensível no início.
É muito diferente da maioria dos sistemas de cores com os quais as pessoas costumam trabalhar.
Então, deixe-me mostrar-lhe como isso funciona.
Carregamos a página e obtemos seis cores aleatórias aqui.
Estes são sempre diferentes.
E uma dessas cores está listada aqui o nome da cor em nosso GP.
E nosso trabalho é escolher qual deles.
Lembre-se de que existem três canais de vermelho verde e azul e cada um varia de 0 a 255 e tudo o que precisamos
são aquelas três cores para fazer todas as cores que poderíamos desejar.
Preto branco e amarelo laranja roxo, todos esses são realmente feitos combinando vermelho verde e azul.
Então, se olharmos.
Tenho Wikipedia aberta, podemos ver como a mistura de cores aditivas funciona neste diagrama.
Então, temos vermelho verde e azul e para amarelar nós realmente combinamos vermelho e verde, o que talvez seja um
pouco diferente do que você espera que faça magenta.
É azul e vermelho.
E para fazer Cyan é de cor azul claro, é verde e azul.
E, finalmente, fazer branco combinamos os três.
Então, aqui está outro diagrama feito aqui que torna um pouco mais fácil.
Nós temos vermelho verde e azul e, em seguida, magenta amarelo ciano e branco e então nenhuma cor é preta.
Então, se voltarmos, podemos usar isso para tentar descobrir de que cor é isso.
Então, se olharmos, temos um monte de vermelho quase todo vermelho.
Até 255 por isso quase há muito verde e muito pouco azul.
Então, um monte de vermelho em um monte de verde se você se lembrar deste gráfico vermelho e verde faz amarelo.
Então, se tivéssemos 255 vermelho 255 verde, ficaria assim.
Mas temos menos de 255 por isso não vai ser tão brilhante.
Então vamos voltar.
Espero que você possa saber qual é a resposta correta baseada no diagrama que acabamos de ver,
mas acho que algo errado primeiro mostra o que acontece.
Então, este está definitivamente errado.
Isso é todo vermelho e muito pouco verde.
Eu clico e ele vai embora e isso me diz que tente novamente.
Então, vamos adivinhar alguns errados como esse.
Este está errado.
ESTÁ BEM.
O conhecimento adivinha o correto.
Vermelho e verde vai ser muito amarelo.
Então está correto.
Vou clicar e perceber que todos os seis quadrados voltam.
Todos eles mudam para a cor correta e nosso plano de fundo aparece mudanças para ser a cor correta também.
uma mensagem que diz correta e se eu quiser, posso clicar em jogar novamente e isso irá gerar novas cores.
E para obter
Minha tela volta para o azul aqui e eu tenho seis novos quadrados e uma nova cor aleatória aqui.
E então o que eu também posso fazer é mudar a dificuldade.
Então, se eu quiser mais fácil, eu só tenho três cores para escolher.
Isso pode ser um pouco desafiador quando todos nós atualizamos algumas vezes, como aqui, temos dois tons de
azul que são muito parecidos.
Agora, depois de jogar este jogo por um tempo, você deve determinar qual é o correto com
base nessas três máscaras rosa ou essas duas máscaras azuis.
E esse é realmente o ponto aqui.
Mas para começar, você pode querer apenas duas cores para escolher.
Então, aqui está outro.
Vamos fazer um pouco de vermelho.
Quase nenhum vermelho.
Um pouco verde.
Não muito.
E muito azul, claro, vai nos dar muito puro azul.
Vamos voltar ao modo rígido.
Um outro ponto que vou mostrar aqui é que é um site responsivo para que eu possa redimensioná-lo e
meus quadrados se movem para o meio.
Assista aqui a esta pequena barra de naff.
O espaço entre eles nos lados aumentará e diminuirá.
E se eu tiver uma mensagem, então vamos clicar em um desses. Isso está errado.
Eu tentei novamente.
Observe como estes se aproximam.
E então eu posso separá-los e conseguimos um pouco mais de espaço lá.
Então, para concluir antes de começar a criar, eu só quero resumir algumas coisas.
Será um aplicativo bastante grande para ser muito javascript, cerca de uma centena de linhas
ish, um pouco de sucesso, e alguns envelheceram também.
Nós vamos começar um pouco de ossos nus com muito pouco estilo e nós vamos apenas
começar a funcionalidade e depois iremos e adicionamos algum estilo em cima disso.
A outra coisa.
E então, uma vez que terminamos, espero que você possa usar isso com bastante frequência para melhorar sua R. G. algumas das minhas habilidades RGV.
As habilidades mesmo apenas fazendo isso para o curso me ajudaram um pouco a desenvolver
Eu notei que eu costumo confiar muito em máquinas de seleção de cores RGV.
Então, isso é ótimo para mim também para obter alguma prática e lembrar-me de como o RGV funciona.
Então, o próximo vídeo, vamos começar a escrever um código