Tutto ok.
Ben tornato.
Nei prossimi video ci concentreremo sulla creazione di un'applicazione sostanziale qualcosa che ha molti pezzi in movimento
più a lungo più CSSA molto stile e, soprattutto, un sacco di popolazione dominante e di eventi a portata di
mano cosa costruiremo è un R. G. sii gioco di indovinelli colorati.
Quindi non è solo una grande dimostrazione di come tutti questi pezzi combacino, ma è anche uno strumento
davvero bello per te.
E per far pratica con R. G. essere colori perché il sistema di colori RGV è un po 'poco intuitivo in un primo momento.
È molto diverso dalla maggior parte dei sistemi di colore con cui le persone sono abituate a lavorare.
Quindi lascia che ti mostri come funziona.
Carichiamo la pagina e qui otteniamo sei colori casuali.
Questi sono sempre diversi.
E uno di quei colori è elencato qui il nome del colore nel nostro GP.
E il nostro lavoro è scegliere quale.
Ricorda che ci sono tre canali rosso verde e blu e ognuno va da 0 a 255 e tutto ciò di cui abbiamo bisogno
sono quei tre colori per rendere ogni singolo colore che potremmo desiderare.
Nero bianco giallo arancio viola tutti questi sono in realtà realizzati combinando rosso verde e blu.
Quindi se diamo un'occhiata.
Ho aperto Wikipedia, possiamo vedere come funziona il mixaggio additivo di colori in questo diagramma.
Quindi abbiamo il rosso verde e il blu e per fare il giallo combiniamo effettivamente il rosso e il verde che è forse un po
'diverso da quello che ci si aspetta che crei il magenta.
È blu e rosso.
E per rendere Ciano il colore azzurro è verde e blu.
E infine, per rendere bianco, combiniamo tutti e tre.
Quindi ecco un altro diagramma fatto qui che lo rende un po 'più facile.
Abbiamo rosso verde e blu e poi magenta giallo ciano e bianco e quindi nessun colore è nero.
Quindi se torniamo possiamo usarlo per cercare di capire di che colore si tratta.
Quindi se diamo un'occhiata abbiamo un mazzo di rosso quasi tutto rosso.
Fino a 255 così quasi Ci sono un sacco di verde e molto poco blu.
Quindi un sacco di rosso in un sacco di verde se ti ricordi di questo grafico rosso e verde diventa giallo.
Quindi se avessimo 255 255 rosso verde, sembrerebbe questo.
Ma abbiamo meno di 255 quindi non sarà così luminoso.
Quindi torniamo indietro
Spero che tu possa dire quale sia la risposta corretta sulla base del diagramma che abbiamo appena visto, ma ho
intenzione di indovinare qualcosa di sbagliato prima di mostrarti cosa succede.
Quindi questo è decisamente sbagliato.
Questo è tutto rosso e molto poco verde.
Clicco e sparisce e mi dice di riprovare.
Quindi continuiamo a indovinare quelli sbagliati come quello.
Questo è sbagliato.
OK.
La conoscenza indovina quello corretto.
Rosso e verde sarà molto giallo.
Quindi questo è corretto.
Farò clic e noterò che tutti e sei i riquadri tornano indietro.
Cambiano tutti al colore corretto e anche il nostro sfondo appare come il colore corretto.
un messaggio che dice corretto e se voglio posso cliccare di nuovo su Play e questo genererà nuovi colori.
E per ottenere
Il mio schermo torna al blu qui e ottengo sei nuovi quadrati e un nuovo colore casuale qui.
E poi quello che posso anche fare è cambiare la difficoltà.
Quindi se voglio più facile ho solo tre colori tra cui scegliere.
Questo può diventare un po 'impegnativo quando ci siamo rinfrescati un paio di volte, come qui abbiamo due sfumature di
blu che sono molto simili.
Ora, dopo aver giocato questo gioco per un po 'dovresti essere in grado di determinare quale è corretto
basandoti su queste tre sfumature rosa o queste due sfumature blu.
E questo è davvero il punto qui.
Ma per iniziare potresti volere solo due colori tra cui scegliere.
Quindi ecco un altro.
Facciamolo un po 'di rosso.
Quasi nessun rosso.
Un po 'di verde.
Non molto.
E un sacco di blu ovviamente ci darà blu molto puro.
Torniamo alla modalità difficile.
Un altro punto che mostrerò qui è che si tratta di un sito reattivo in modo che io possa ridimensionarlo e che
i miei quadrati si spostino verso il centro.
Guarda questo piccolo bar qui.
Lo spazio tra loro sui lati aumenterà e diminuirà.
E se ho un messaggio, facciamo clic su uno di questi. È sbagliato.
Ci proverò di nuovo.
Nota come questi si avvicinano.
E poi posso spostarli a parte e otteniamo un po 'più di spazio.
Quindi, per concludere prima di iniziare a crearlo, voglio solo riassumere alcune cose.
Sarà un'app abbastanza grande per avere un sacco di javascript su un centinaio di
righe ish e anche un po 'di successo.
Inizieremo un po 'di bell'aspetto e andremo a far funzionare
la funzionalità, quindi andremo ad aggiungerne uno stile.
L'altra cosa.
E poi, una volta finito, spero che tu possa usarlo abbastanza spesso per rispolverare la tua R. G. alcune delle mie abilità RGV.
le abilità, anche solo facendo questo per il corso, mi hanno aiutato un po 'a rispolverare
Ho notato che tendo a contare troppo sui raccoglitori colorati RGV.
Quindi, per me è un bene anche fare un po 'di pratica e ricordare a me stesso come funziona RGV.
Quindi il prossimo video inizieremo a scrivere del codice