Dus we zijn in goede vorm hier.
Wat willen we nu doen is het zo dat we niet elke keer gebruik maken van dezelfde zes kleuren.
In plaats daarvan willen we zes willekeurige kleuren genereren en vul deze array met die zes willekeurige kleuren en kies je een van die om die kleuren te genereren.
Ik ben eigenlijk naar een andere functie om ons te helpen schrijven.
Dus onze functie Nener ons ras de hardcoded array en ik ga kleuren gelijk aan onze functie aan te roepen, die we zullen noemen het genereren van willekeurige kleuren instellen en het bestaat nog niet en het gaat om een ​​enkel argument dat hoeveel kleuren besluit nemen genereren in de array.
Dus als we willen een array met drie items die we uiteindelijk willen als we naar de easy mode versus hard mode we willen 6.
Dus we beginnen met 6.
Dat is wat we willen, wanneer de pagina wordt geladen.
Dan moeten we het genereren van willekeurige kleuren functie die een aantal neemt en geeft X aantal willekeurige kleuren in plaats van een array te creëren.
Dus ik zal dat doen hier beneden.
Functie het genereren van willekeurige kleuren en dat zou een argument dat we gewoon zullen noemen gevoelloos en dan in plaats van hier te nemen.
Oké mijn pseudo-code.
Dus ik ga naar een array te maken.
Ik ga een aantal willekeurige kleuren toevoegen aan array en dan ga ik naar die array terug te keren op het einde.
Dus om te beginnen dit is het gemakkelijkste deel.
Maak een array slechts een lege.
Dus we noemen het een r r gewoon een lege array en vervolgens op de bodem we gaan gewoon naar dezelfde array terug te keren.
Het harde deel is de logica die gaat in tussen.
Dus hier moeten we knowm willekeurige kleuren toe te voegen.
Dus wat dat betekent is dat we nodig hebben om iets knowm aantal keren te herhalen.
Dus zes keer of drie keer.
Dus we een lus te gebruiken om dat te doen.
Dus we beginnen met onze lus voor ons gelijk aan nul.
I minder dan verdoofd ik plus plus.
En het maakt niet uit als we beginnen bij nul of als we beginnen bij 1 en we maken dit minder dan of gelijk aan omdat we eigenlijk niet van plan om gebruik ik het is gewoon een manier om de lus door drie keer zes keer Nahm tijden.
En dan hier gaan we daadwerkelijk krijgen willekeurige kleur en duw in de array.
Dus deze lijn is eigenlijk alleen maar herhalen gevoelloos tijden.
Dus ik ga een aparte functie maakt eigenlijk dat zal de willekeurige kleur voor ons te genereren en ik ga gewoon dat één willekeurige kleur noemen.
Dus functioneren willekeurige kleur en wat je ziet is dat ik een functie hier.
Het genereren van willekeurige kleuren die ik noem de binnenkant van die ene Ik roep andere functie heeft net gebeld willekeurige kleur en dat is eigenlijk gewoon om een ​​code te breken.
Maak duidelijk modulaire wat doet wat we alles in geen enkele functie bij allen konden het kan net zijn wat mensen spaghetti code zou noemen het is all over the place.
Dus we gaan een aantal functies hier toe te voegen aan wat structuur toe te voegen.
En opnieuw aan het eind van dit project als we het hebben afgerond het ziet er goed alle functionaliteit is er.
Ik zal een optionele video op refactoring het te hebben en ik zal praten over hoe hij dingen kunnen veranderen om hen heen een beetje schoner een beetje mooier te maken, maar het zal precies dezelfde manier werken.
Dus om willekeurige kleuren beginnen met een willekeurige kleur gaan we nodig hebben om een ​​read van 0 aantrekken tot 5 5 herhalingen van 0 staat 2 tot 5 5 en dan moeten we een groene van nul te halen tot 2 5 5 en vervolgens een blauwe .
En dus naar een willekeurig aantal halen 0-255 we moeten ook wiskunde niet willekeurig gebruiken.
Dus het gaat om wiskunde niet willekeurig zijn.
Dat geeft tussen 0 en 1.
Het omvat niet één.
We moeten vermenigvuldigen met 256, want vergeet niet dat we afronding naar beneden.
Dus willen we 255 zijn het grootste aantal mogelijk om veel te vermenigvuldigen met één 256 en dan moeten we vloer die wiskunde vloer.
Dus ga naar mijn raad en plakken in deze code kun je zien of we een willekeurig getal tussen 0 en 255 en u zult waarschijnlijk niet zien dat het eigenlijk gaat naar 255.
We zullen gewoon moeten me vertrouwen op die ene.
Maar je kunt zien in ieder geval dichtbij komt.
Ik denk dat we zagen 253.
Dat is goed genoeg voor nu.
En je ziet ook alle pleinen ging naar paars en dat is omdat onze genereren van willekeurige kleuren geeft niets.
Zodat het net retourneert een lege string.
Dus we eigenlijk niet doorlussen en het geven van een kleur aan elk een.
Dus het is gewoon het nemen van de standaard paarse van C Ss slechts een kanttekening daar.
Dit zal dus een getal genereren 0-255.
We zullen het op te slaan in een variabele met de naam R en dan zullen we hetzelfde voor groene en blauwe doen dat net als deze ruimte dit correct en verander de namen dus G en B, die ons drie nummers zal geven van 0 tot 255.
En het ergste is het synthetiseren van hen in deze grote string die het formaat van R.G. volgt B haakjes en dan de getallen binnen R G en B.
En dat betekent veel van het openen en sluiten strijkers en plus tekenen.
Dus laten we beginnen met wat lijkt op dit.
We gaan onze G-B hebben en dan het openen van haakjes en vervolgens plus het rode kanaal.
Dit getal van 0 tot 2 5 5 plus een komma plus de waarde van G plus een komma plus de waarde van B plus onze closing haakjes.
En we moeten goed zijn om nu te gaan.
Deze grote string.
En wat we willen doen is eigenlijk terug die string net als dat.
Dus terug te keren deze grote string en dat zal een willekeurige kleuren te genereren.
Dus het is een hoop werk voor een kleur.
Drie verschillende nummers 0 2 2 5 5.
We zetten ze samen met komma's tussen hen haakjes om hen heen de letters R.G. B.
En dan keren we dat zo kunnen we gebruiken hier.
En als we willen gewoon testen of dat werkt laten we gaan vooruit en vernieuw de pagina gaat u naar onze consul en gewoon proberen te bellen willekeurige gekleurde en dat ziet er goed uit voor mij.
We krijgen een willekeurige kleur.
Haakjes zijn correct.
De komma's zijn allemaal goed.
Laten we nu gaan en gebruik dat hier.
Dus we gaan naar die willekeurige kleur noemen en we gaan te duwen, die in ons aanbod.
Daar zijn ze.
Dus onze DOT duwen en we hoeven niet te druk te gebruiken, maar dat gaat te doen hier.
En dit zal nu bouwen ons een mooie serie van kleuren.
Dus het genereren van willekeurige kleuren 6.
Dit noemen we het een herhaling zes keer elke keer door.
Het duwt in een willekeurige kleur aan de array.
Dus ik ga gewoon verder onze reactie hier.
Daar gaan we.
En om te controleren of dat werkt als we vernieuwen.
U ziet nu krijgen we zes willekeurige kleuren en niet alleen dat willekeurige kleur zijn, dat halen we de ene kleur die we kozen uit de array verandert ook.
Zodat we niet breken dat.
Alles werkt nog steeds en doet het.
Laten we eens kijken.
Dus als ik op een aantal van deze kleuren op Probeer het nog eens opnieuw proberen het opnieuw proberen misschien heb ik gewoon echt slecht boek, maar zonder er iets mis is.
Dus het probleem is een beetje lastig.
Het is een beetje vergelijkbaar met de bug die ik opgevoed toen we de score keeper spel toen we de dingen te vergelijken hier.
Als we controleren of de gebruiker is goed als ze halen de juiste kleur er iets fout gaat voordat we moesten een nummer.
En we waren te vergelijken met een string.
In dit geval is het een beetje anders.
Dus laat ik je gewoon naar een ander con doen. riem logboek klikken om te kleuren en vervolgens kies de kleur.
En laten we gewoon zien hoe ze er uitzien misschien zijn ze iets anders.
Laten we Vernieuw de pagina en het openstellen van de con. En laten we beginnen klikken.
Dus dit is gemiddeld bedrag van Fred een beetje groen en heel wat blauw.
Dus laten we op een aantal.
En let op de nummers op de de snaar RGV links en de een aan de rechterkant.
En natuurlijk deze degenen komen niet overeen.
Maar als je op de juiste kun je zien dat steeds wanneer ze dat doen overeenkomen met het denkt dat we het mis.
Het zegt probeer het opnieuw.
En als je de twee snaren hier Vergelijk dit is de aangeklikte kleur.
Dit is wat komt terug.
Toen we op een element en we vragen voor deze dot gekozen up achtergrond en dit is de kleur die we opgehaald van het array.
Dus een of andere manier zijn ze iets anders.
En wat er gebeurt is dat wanneer we eigenlijk zet de achtergrondkleur van een element de SS voegt automatisch in de slaapzaal automatisch 10 spaties tussen.
Dus om vast te stellen dat wat we willen doen is hier gewoon spaties tussen onze nummers dus na de kometen en als we dat doen ze dan gaan vergelijken en gelijk zijn aan elkaar.
Dus dat is een soort van een lastige bug.
Het heeft gewoon te maken met de manier waarop we dingen te vergelijken met triple gelijken en het is niet dat dubbele gelijken zou anyways dat oplossen.
Het dubbele van de gesprekken geen spaties of iets te negeren maar het is gewoon een probleem met de manier waarop we de gegenereerde kleuren.
Dus als we proberen dit opnieuw en vernieuwen.
Laten we nu klikt u gewoon rond.
Je kunt zien dat onze ruimtes zijn hier en deze zal zeker passen.
Zodra we op de juiste kleur, die de allerlaatste en wij krijgen onze correct.
Dus zeker een lastige bug er in te pakken.
Laten we gewoon proberen het spelen van een spel en een volledig scherm en te ontdoen van de console en verfrissen en bewonder onze willekeurige kleuren.
Het laatste wat we kunnen doen is als we het juist kunnen we ook veranderen de H-1 achtergrond als ik hier deed.
Dus als je de juiste kleur denk dat het verandert de achtergrondkleur ook.
En dat is een eenvoudige verandering.
Alles wat we moeten doen is het selecteren van de H-1.
Dus H-1 en we kunnen gewoon selecteert u dit de enige H-1 op de pagina.
Dus hier Ik ben gewoon gaan om te selecteren op de bodem var H-1 gelijk document die vraag selector H-1, behalve dat.
En dan wanneer de gebruiker correct raadt wat recht is hier gaan we H-1 DOD achtergrond of stijl die achtergrond te veranderen.
En dat moet nu gelijk collect kleur en dat bewaren we naar de juiste versie van ons spel refresh en laten we proberen klikken.
En daar gaan we zeker dat we hebben een manieren om te gaan met onze styling in vergelijking met dit, maar we krijgen er met de logica.
Dus je raden ten onrechte die verdwijnen door alleen het veranderen van de achtergrondkleur.
En als je goed geraden ze allemaal veranderen van kleur en de H-1 verandert ook.
In de volgende video gaan we het spel opnieuw functionaliteit toe te voegen en we zullen een beetje meer styling toe te voegen.