Quindi siamo in buona forma qui.
Quello che vogliamo fare è fare in modo che non usiamo gli stessi sei colori ogni volta.
Invece, vogliamo generare sei colori casuali e riempire questo array con quei sei colori casuali e quindi
scegliere uno di quelli per generare quei colori.
In realtà scriverò un'altra funzione per aiutarci.
Quindi la nostra funzione Nener la nostra razza l'array hardcoded e ho intenzione di impostare i
colori uguale alla nostra chiamata di funzione che chiameremo generare colori casuali e non esiste ancora e ci
vorrà un singolo argomento che decide quanti colori generare nell'array.
Quindi se vogliamo un array con tre elementi che vorremmo alla fine quando andremo in modalità facile rispetto
a modalità difficile, vogliamo 6.
Quindi inizieremo con 6.
Questo è ciò che vogliamo quando viene caricata la pagina.
Quindi dobbiamo creare la funzione generare colori casuali che prende un numero e restituisce il numero X
di colori casuali invece di un array.
Quindi lo farò qui.
funzione genera colori casuali e dovrebbe prendere una discussione che chiameremo solo numb e poi invece di qui.
La
Va bene il mio pseudo codice.
Quindi ho intenzione di creare un array.
Aggiungerò alcuni colori casuali all'array e poi restituirò quella matrice alla fine.
Quindi per iniziare questa è la parte più semplice.
Crea un array solo vuoto.
Quindi lo chiameremo semplicemente un array vuoto e in fondo restituiremo
lo stesso array.
La parte difficile è la logica che va in mezzo.
Quindi qui abbiamo bisogno di aggiungere i colori casuali.
Quindi, questo significa che dobbiamo ripetere qualcosa per sapere quante volte.
Quindi sei o tre volte.
Quindi useremo un ciclo per farlo.
Quindi inizieremo con il nostro ciclo per i nostri pari zero.
Io sono meno che insensibile.
non lo useremo realmente, è solo un modo per ripetere tre volte sei volte Nahm.
E non importa se iniziamo a zero o se iniziamo a 1 e lo rendiamo inferiore o uguale
a perché
E poi qui avremo effettivamente colori casuali e spingerli nell'array.
Quindi questa linea è in realtà solo ripetere numb volte.
Quindi realizzerò una funzione separata che genererà il colore casuale per noi
e lo chiamerò solo un colore casuale.
Quindi funziona a colori casuali e quello che stai vedendo è che ho una funzione qui.
sto chiamando un'altra funzione chiamata solo colore casuale e che è in realtà solo per rompere un codice.
Genera colori casuali che chiamo all'interno di quello che
Rendi chiaro tutto ciò che fa ciò che potremmo avere tutto in assenza di funzioni potrebbe essere solo quello
che la gente chiamerebbe codice degli spaghetti, è dappertutto.
Quindi aggiungeremo alcune funzioni qui per aggiungere qualche struttura.
E ancora alla fine di questo progetto, quando lo abbiamo completato, sembra che tutte le funzionalità
siano presenti.
Avrò un video facoltativo su refactoring e parlerò di come può cambiare le cose in giro
renderli un po 'più puliti un po' più carini ma funzionerà esattamente allo stesso modo.
Quindi, per iniziare i colori casuali per creare un colore casuale, avremo bisogno di scegliere una lettura da 0 a 5 5 ripetizioni da 0 2 a 5 5
e quindi dobbiamo scegliere un verde da zero a 2 5 5 e poi un blu .
E quindi per scegliere qualsiasi numero compreso tra 0 e 255, dobbiamo anche usare la matematica non a caso.
Quindi sarà matematica non casuale.
Questo ci dà tra 0 e 1.
Non include uno.
Dobbiamo moltiplicare per 256 perché ricorda che stiamo arrotondando per difetto.
più grande possibile per molti da moltiplicare di un altro 256 e quindi dobbiamo mettere a posto quel piano di matematica.
Quindi vogliamo che 255 sia il numero
Quindi vai dal mio avvocato e incolla questo codice che puoi vedere se otteniamo un numero casuale compreso tra 0 e 255 e
probabilmente non vedrai che in realtà vada a 255.
Dovremo fidarci di me per quello.
Ma puoi vedere almeno che si avvicina.
Penso che abbiamo visto 253.
Questo è abbastanza buono per ora.
che tutti i quadrati sono andati in viola e questo perché i nostri colori casuali non restituiscono nulla.
E vedi anche
Quindi restituisce solo una stringa vuota.
Quindi in realtà non stiamo eseguendo il looping e dando un colore a ciascuno di essi.
Quindi è solo prendere il default viola da C Ss solo una nota a margine.
Quindi questo genererà un numero da 0 a 255.
Lo salveremo in una variabile chiamata R e poi faremo la stessa cosa per il verde e per il blu, così come
questo spazio correttamente e cambiamo i nomi in modo che G e B ci diano tre numeri da
0 a 255.
E la parte peggiore è sintetizzarli in questa grande stringa che segue il formato di R. G. B parentesi e quindi i
numeri all'interno di R G e B.
E questo significa molte stringhe di apertura e chiusura e più segni.
Quindi iniziamo con ciò che assomiglia a questo.
Avremo il nostro G-B e quindi apriremo le parentesi e poi il canale rosso.
Questo numero da 0 a 2 5 5 più una virgola più il valore di G più un'altra virgola più il valore di B più le
nostre parentesi di chiusura.
E dovremmo essere bravi ad andare ora.
Questa grande stringa.
E quello che vogliamo fare è restituire quella stringa proprio così.
Quindi restituisci questa grande stringa e genererà un colore casuale.
Quindi è molto lavoro per un colore.
Tre numeri diversi 0 2 2 5 5.
Li mettiamo insieme con le virgole tra loro parentesi intorno a loro le lettere R. G. B.
E poi ritorniamo così possiamo usarlo quassù.
pagina, andiamo dal nostro console e proviamo a chiamare random a colori e questo mi sembra buono.
E se vogliamo testare solo se funziona, andiamo avanti e aggiorniamo la
Stiamo ottenendo un colore casuale.
Le parentesi sono corrette.
Le virgole sono tutte buone.
Andiamo ora e usiamolo qui.
Quindi chiameremo quel colore casuale e lo inseriremo nel nostro array.
Eccoli.
Quindi il nostro DOT spinge e non dobbiamo usare push, ma qui lo faremo.
E questo ora ci costruirà una bella gamma di colori.
Quindi genera colori casuali 6.
Chiamiamo questo si ripete sei volte ogni volta.
Spinge un colore casuale nell'array.
Quindi ho intenzione di spostare il nostro commento qui.
Eccoci.
E per verificare che funzioni se ci aggiorniamo.
colori casuali e che non solo il colore casuale che selezioniamo cambia anche il colore che abbiamo scelto dall'array.
Puoi vedere ora che otteniamo sei
Quindi non l'abbiamo infranto.
Tutto funziona ancora o lo fa.
Vediamo.
Quindi, se clicco su alcuni di questi colori, prova ancora, prova di nuovo, forse ho solo un libro davvero brutto, ma non
c'è qualcosa che non va.
Quindi il problema è un po 'complicato.
bug che ho riscontrato quando abbiamo fatto il gioco del punteggio quando stavamo confrontando le cose proprio qui.
È un po 'simile al
Se stiamo controllando se l'utente ha ragione se sceglie il colore giusto qualcosa andava storto prima di
avere un numero.
E lo stavamo confrontando con una stringa.
In questo caso è un po 'diverso.
Quindi lascia che ti mostri solo per fare un'altra truffa. registro della cinghia clicca per colorare e poi scegli il colore.
E vediamo solo quello che sembrano forse sono leggermente diversi.
Rinnova la pagina e apri la truffa. E iniziamo a fare clic.
Quindi questa è una quantità media di Fred un po 'verde e un po' blu.
Quindi facciamo clic su alcuni.
E nota i numeri a sinistra della stringa RGV e quella a destra.
E naturalmente questi non corrispondono.
Ma se clicchi su quello giusto puoi vedere che quando lo abbinano pensa ancora che ci siamo sbagliati.
Dice di riprovare.
E se si confrontano le due stringhe qui questo è il colore cliccato.
Questo è ciò che sta tornando.
Quando clicchiamo su un elemento e chiediamo questo quadrante composto a punto e questo è il colore
che abbiamo scelto dall'array.
Quindi in qualche modo sono leggermente diversi.
E quello che succede è che quando impostiamo in realtà il colore di sfondo di un elemento che SS
aggiunge automaticamente nel dormitorio aggiungiamo automaticamente 10 spazi tra di loro.
Quindi, per risolvere il problema, quello che vogliamo fare è aggiungere qui degli spazi tra i nostri numeri, quindi dopo le comete, e
se lo facciamo, si confronteranno e saranno uguali tra loro.
Quindi è una specie di bug insidioso.
Ha solo a che fare con il modo in cui stiamo confrontando le cose con gli equidi tripli e non è
che i doppi uguali possano risolverli comunque.
Raddoppiare le chiamate non ignora gli spazi o altro, ma è solo un problema con il modo in cui
abbiamo generato i colori.
Quindi, se proviamo di nuovo e aggiorniamo.
Ora facciamo semplicemente clic.
Puoi vedere che i nostri spazi sono qui e questi sicuramente combaceranno.
Una volta che clicchiamo sul colore giusto che è l'ultimo e otteniamo il nostro corretto.
Quindi sicuramente un bug insidioso lì per concludere.
Proviamo solo a giocare e a schermo intero, a sbarazzarci della console e ad aggiornare e ammirare
i nostri colori casuali.
L'ultima cosa che potremmo fare è quando abbiamo capito che potremmo anche cambiare lo sfondo H-1 come ho
fatto qui.
Quindi quando indovini il colore giusto cambia anche il colore dello sfondo.
E questo è un semplice cambiamento.
Tutto ciò che dobbiamo fare è selezionare l'H-1.
Quindi H-1 e possiamo semplicemente selezionarlo questo l'unico H-1 sulla pagina.
Quindi qui sopra selezionerò in fondo var H-1 uguale al documento che il selettore
di query H-1 lo salva.
E poi, quando l'utente indovina correttamente, è qui che cambieremo lo sfondo del DOD
H-1 o lo sfondo.
E questo ora dovrebbe equivalere a raccogliere il colore e salveremo che andiamo alla versione corretta del nostro gioco di aggiornamento e
proviamo a fare clic.
abbiamo un modo per andare con il nostro stile rispetto a questo, ma ci stiamo arrivando con la logica.
E qui andiamo decisamente
Quindi indovina in modo errato che scompare semplicemente cambiando il colore di sfondo.
E se hai indovinato, cambiano colore e cambia anche l'H-1.
Nel prossimo video aggiungeremo la funzionalità di riproduzione e aggiungeremo un po 'di stile in più.