Todo bien.
Dar una buena acogida.
En los próximos videos nos enfocaremos en construir una aplicación sustancial algo que tenga muchas piezas móviles
más tiempo html más CSSA mucho estilo y lo más importante mucha población dominante y evento a mano lo que
vamos a construir es un R. GRAMO. ser coloreado adivinando el juego.
Por lo tanto, no es solo una gran demostración de cómo todas estas piezas encajan, sino que también es una herramienta
realmente agradable para ti.
Y para que practiques R. GRAMO. ser colores porque el sistema de color RGV es un poco intuitivo al principio.
Es muy diferente a la mayoría de los sistemas de color que las personas están acostumbradas a trabajar.
Así que déjame mostrarte cómo funciona.
Cargamos la página y obtenemos seis colores aleatorios aquí.
Estos son siempre diferentes.
Y uno de esos colores se enumera aquí el nombre del color en nuestro GP.
Y nuestro trabajo es elegir cuál.
Recuerde que hay tres canales rojo, verde y azul, y cada uno varía de 0 a 255 y todo lo que necesitamos
son esos tres colores para hacer cada color que podamos desear.
Negro blanco amarillo naranja morado todos esos se hacen realmente combinando rojo verde y azul.
Entonces, si echamos un vistazo.
Tengo Wikipedia abierta, podemos ver cómo funciona la mezcla de color aditiva en este diagrama.
Así que tenemos rojo verde y azul y para hacer amarillo realmente combinamos rojo y verde, que es tal vez un
poco diferente de lo que se espera que haga magenta.
Es azul y rojo.
Y para hacer que Cyan sea de color azul claro, es verde y azul.
Y luego, para hacer blanco combinamos los tres.
Aquí hay otro diagrama hecho aquí que lo hace un poco más fácil.
Tenemos rojo, verde y azul y luego magenta amarillo cian y blanco y luego no hay color negro.
Entonces, si volvemos podemos usar eso para tratar de averiguar de qué color es esto.
Si echamos un vistazo, tenemos un montón de rojo casi todo rojo.
Hasta 255 por lo que casi hay mucho verde y muy poco azul.
Por lo tanto, un montón de rojo en una gran cantidad de verde si recuerda en este cuadro rojo y verde se pone amarillo.
Entonces, si tuviéramos 255 255 rojos verdes, se vería así.
Pero tenemos menos de 255, así que no va a ser tan brillante.
Así que regresemos.
Espero que puedas decir cuál es la respuesta correcta basada en el diagrama que acabamos de ver, pero
primero voy a adivinar algo malo para mostrarte lo que sucede.
Entonces este definitivamente está mal.
Esto es todo rojo y muy poco verde.
Hago clic y se va y me dice que vuelva a intentarlo.
Así que sigamos adivinando algunas equivocadas como esa.
Este está mal.
DE ACUERDO.
El conocimiento adivina el correcto.
Rojo y verde va a ser muy amarillo.
Entonces esto es correcto
Voy a hacer clic y observar que los seis cuadrados vuelven.
Todos cambian al color correcto y nuestro fondo parece que los cambios también son del color correcto.
un mensaje que dice correcto, y si quiero, puedo hacer clic en reproducir de nuevo y eso generará nuevos colores.
Y para recibir
Mi pantalla vuelve a azul aquí y tengo seis nuevos cuadrados y un nuevo color aleatorio aquí.
Y luego, lo que también puedo hacer es cambiar la dificultad.
Entonces, si quiero más fácil, solo tengo tres colores para elegir.
Esto puede ser un poco desafiante cuando tenemos todas las actualizaciones algunas veces, como aquí tenemos dos tonos de
azul que son muy similares.
Ahora, después de jugar este juego por un tiempo, deberías poder determinar cuál es el correcto a
partir de estos tres tonos rosados ​​o estos dos tonos azules.
Y ese es realmente el punto aquí.
Pero para comenzar, es posible que solo desee dos colores para elegir.
Así que aquí hay otro.
Vamos a hacerlo un poco rojo.
Casi no rojo.
Un poco de verde.
No mucho.
Y un montón de azul, por supuesto, nos va a dar un azul muy puro.
Volvamos al modo difícil.
Otro punto que mostraré aquí es que es un sitio receptivo, así que puedo redimensionarlo y
mis cuadrados se mueven al centro.
Mira este pequeño bar naff aquí.
El espacio entre ellos en los lados aumentará y disminuirá.
Y si tengo un mensaje, hagamos clic en uno de estos. Eso está mal.
Me vuelvo a intentar
Observe cómo estos se acercan.
Y luego puedo separarlos y tenemos más espacio entre ellos.
Entonces, para concluir antes de que realmente comencemos a crearlo, solo quiero resumir algunas cosas.
Va a ser una aplicación bastante grande tener un montón de javascript sobre cientos
de líneas eficientes, y también algunos de ellos.
Comenzaremos con un estilo muy escueto y vamos a poner en marcha la funcionalidad
y luego agregaremos un poco de estilo a la parte superior.
La otra cosa.
Y luego, una vez que lo terminemos, con suerte puede usarlo con bastante frecuencia para mejorar su R. GRAMO. de mis habilidades de RGV.
las habilidades, incluso haciendo esto para el curso, me han ayudado bastante a mejorar algunas
Me he dado cuenta de que tiendo a confiar demasiado en los selectores de colores RGV.
Así que esto es genial para mí también para practicar y recordarme a mí mismo cómo funciona RGV.
Entonces, el próximo video vamos a comenzar a escribir un código