1 00:00:00,090 --> 00:00:01,280 Dus we zijn in goede vorm hier. 2 00:00:01,370 --> 00:00:06,980 Wat willen we nu doen is het zo dat we niet elke keer gebruik maken van dezelfde zes kleuren. 3 00:00:07,230 --> 00:00:15,620 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. 4 00:00:15,630 --> 00:00:18,320 Ik ben eigenlijk naar een andere functie om ons te helpen schrijven. 5 00:00:18,390 --> 00:00:34,590 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. 6 00:00:34,590 --> 00:00:41,820 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. 7 00:00:42,060 --> 00:00:43,510 Dus we beginnen met 6. 8 00:00:43,560 --> 00:00:45,570 Dat is wat we willen, wanneer de pagina wordt geladen. 9 00:00:45,900 --> 00:00:54,430 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. 10 00:00:54,450 --> 00:00:57,900 Dus ik zal dat doen hier beneden. 11 00:00:57,900 --> 00:01:09,060 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. 12 00:01:09,060 --> 00:01:10,440 Oké mijn pseudo-code. 13 00:01:10,440 --> 00:01:12,550 Dus ik ga naar een array te maken. 14 00:01:12,900 --> 00:01:23,640 Ik ga een aantal willekeurige kleuren toevoegen aan array en dan ga ik naar die array terug te keren op het einde. 15 00:01:24,120 --> 00:01:26,370 Dus om te beginnen dit is het gemakkelijkste deel. 16 00:01:26,370 --> 00:01:28,200 Maak een array slechts een lege. 17 00:01:28,380 --> 00:01:35,980 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. 18 00:01:36,000 --> 00:01:38,610 Het harde deel is de logica die gaat in tussen. 19 00:01:38,640 --> 00:01:42,660 Dus hier moeten we knowm willekeurige kleuren toe te voegen. 20 00:01:42,690 --> 00:01:46,700 Dus wat dat betekent is dat we nodig hebben om iets knowm aantal keren te herhalen. 21 00:01:46,760 --> 00:01:49,000 Dus zes keer of drie keer. 22 00:01:49,230 --> 00:01:50,830 Dus we een lus te gebruiken om dat te doen. 23 00:01:51,120 --> 00:01:55,540 Dus we beginnen met onze lus voor ons gelijk aan nul. 24 00:01:56,430 --> 00:02:01,800 I minder dan verdoofd ik plus plus. 25 00:02:02,100 --> 00:02:13,910 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. 26 00:02:14,130 --> 00:02:23,010 En dan hier gaan we daadwerkelijk krijgen willekeurige kleur en duw in de array. 27 00:02:23,070 --> 00:02:28,190 Dus deze lijn is eigenlijk alleen maar herhalen gevoelloos tijden. 28 00:02:28,590 --> 00:02:36,190 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. 29 00:02:36,270 --> 00:02:41,990 Dus functioneren willekeurige kleur en wat je ziet is dat ik een functie hier. 30 00:02:42,090 --> 00:02:49,860 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. 31 00:02:49,860 --> 00:02:58,680 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. 32 00:02:58,830 --> 00:03:01,760 Dus we gaan een aantal functies hier toe te voegen aan wat structuur toe te voegen. 33 00:03:01,920 --> 00:03:07,090 En opnieuw aan het eind van dit project als we het hebben afgerond het ziet er goed alle functionaliteit is er. 34 00:03:07,230 --> 00:03:18,080 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. 35 00:03:18,090 --> 00:03:38,250 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 . 36 00:03:39,210 --> 00:03:45,490 En dus naar een willekeurig aantal halen 0-255 we moeten ook wiskunde niet willekeurig gebruiken. 37 00:03:45,570 --> 00:03:49,230 Dus het gaat om wiskunde niet willekeurig zijn. 38 00:03:49,350 --> 00:03:51,760 Dat geeft tussen 0 en 1. 39 00:03:51,870 --> 00:03:53,070 Het omvat niet één. 40 00:03:53,220 --> 00:03:57,900 We moeten vermenigvuldigen met 256, want vergeet niet dat we afronding naar beneden. 41 00:03:58,050 --> 00:04:08,730 Dus willen we 255 zijn het grootste aantal mogelijk om veel te vermenigvuldigen met één 256 en dan moeten we vloer die wiskunde vloer. 42 00:04:08,900 --> 00:04:19,630 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. 43 00:04:19,660 --> 00:04:21,770 We zullen gewoon moeten me vertrouwen op die ene. 44 00:04:21,900 --> 00:04:23,700 Maar je kunt zien in ieder geval dichtbij komt. 45 00:04:23,700 --> 00:04:25,590 Ik denk dat we zagen 253. 46 00:04:25,590 --> 00:04:26,770 Dat is goed genoeg voor nu. 47 00:04:27,060 --> 00:04:33,920 En je ziet ook alle pleinen ging naar paars en dat is omdat onze genereren van willekeurige kleuren geeft niets. 48 00:04:33,930 --> 00:04:36,240 Zodat het net retourneert een lege string. 49 00:04:36,300 --> 00:04:39,300 Dus we eigenlijk niet doorlussen en het geven van een kleur aan elk een. 50 00:04:39,300 --> 00:04:44,360 Dus het is gewoon het nemen van de standaard paarse van C Ss slechts een kanttekening daar. 51 00:04:44,700 --> 00:04:48,480 Dit zal dus een getal genereren 0-255. 52 00:04:48,870 --> 00:05:07,250 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. 53 00:05:07,530 --> 00:05:18,640 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. 54 00:05:18,900 --> 00:05:22,260 En dat betekent veel van het openen en sluiten strijkers en plus tekenen. 55 00:05:22,260 --> 00:05:25,390 Dus laten we beginnen met wat lijkt op dit. 56 00:05:25,410 --> 00:05:32,350 We gaan onze G-B hebben en dan het openen van haakjes en vervolgens plus het rode kanaal. 57 00:05:32,370 --> 00:05:48,980 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. 58 00:05:49,620 --> 00:05:51,230 En we moeten goed zijn om nu te gaan. 59 00:05:51,340 --> 00:05:52,530 Deze grote string. 60 00:05:52,680 --> 00:05:58,570 En wat we willen doen is eigenlijk terug die string net als dat. 61 00:05:58,590 --> 00:06:03,350 Dus terug te keren deze grote string en dat zal een willekeurige kleuren te genereren. 62 00:06:03,360 --> 00:06:05,090 Dus het is een hoop werk voor een kleur. 63 00:06:05,100 --> 00:06:07,650 Drie verschillende nummers 0 2 2 5 5. 64 00:06:07,650 --> 00:06:12,450 We zetten ze samen met komma's tussen hen haakjes om hen heen de letters R.G. B. 65 00:06:12,660 --> 00:06:15,650 En dan keren we dat zo kunnen we gebruiken hier. 66 00:06:15,660 --> 00:06:25,600 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. 67 00:06:25,620 --> 00:06:26,770 We krijgen een willekeurige kleur. 68 00:06:26,790 --> 00:06:27,910 Haakjes zijn correct. 69 00:06:27,990 --> 00:06:29,910 De komma's zijn allemaal goed. 70 00:06:29,910 --> 00:06:33,510 Laten we nu gaan en gebruik dat hier. 71 00:06:34,170 --> 00:06:39,990 Dus we gaan naar die willekeurige kleur noemen en we gaan te duwen, die in ons aanbod. 72 00:06:39,990 --> 00:06:41,240 Daar zijn ze. 73 00:06:41,280 --> 00:06:46,510 Dus onze DOT duwen en we hoeven niet te druk te gebruiken, maar dat gaat te doen hier. 74 00:06:46,710 --> 00:06:49,820 En dit zal nu bouwen ons een mooie serie van kleuren. 75 00:06:50,210 --> 00:06:52,580 Dus het genereren van willekeurige kleuren 6. 76 00:06:52,770 --> 00:06:56,740 Dit noemen we het een herhaling zes keer elke keer door. 77 00:06:56,910 --> 00:06:59,230 Het duwt in een willekeurige kleur aan de array. 78 00:06:59,430 --> 00:07:02,440 Dus ik ga gewoon verder onze reactie hier. 79 00:07:02,460 --> 00:07:03,260 Daar gaan we. 80 00:07:03,600 --> 00:07:06,040 En om te controleren of dat werkt als we vernieuwen. 81 00:07:06,180 --> 00:07:15,250 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. 82 00:07:15,270 --> 00:07:16,520 Zodat we niet breken dat. 83 00:07:16,530 --> 00:07:19,190 Alles werkt nog steeds en doet het. 84 00:07:19,200 --> 00:07:20,000 Laten we eens kijken. 85 00:07:20,000 --> 00:07:27,210 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. 86 00:07:27,400 --> 00:07:28,920 Dus het probleem is een beetje lastig. 87 00:07:29,130 --> 00:07:36,500 Het is een beetje vergelijkbaar met de bug die ik opgevoed toen we de score keeper spel toen we de dingen te vergelijken hier. 88 00:07:36,930 --> 00:07:43,110 Als we controleren of de gebruiker is goed als ze halen de juiste kleur er iets fout gaat voordat we moesten een nummer. 89 00:07:43,110 --> 00:07:44,880 En we waren te vergelijken met een string. 90 00:07:45,030 --> 00:07:46,760 In dit geval is het een beetje anders. 91 00:07:46,920 --> 00:07:53,000 Dus laat ik je gewoon naar een ander con doen. riem logboek klikken om te kleuren en vervolgens kies de kleur. 92 00:07:53,250 --> 00:07:56,190 En laten we gewoon zien hoe ze er uitzien misschien zijn ze iets anders. 93 00:07:56,340 --> 00:08:00,570 Laten we Vernieuw de pagina en het openstellen van de con. En laten we beginnen klikken. 94 00:08:00,570 --> 00:08:06,120 Dus dit is gemiddeld bedrag van Fred een beetje groen en heel wat blauw. 95 00:08:06,300 --> 00:08:07,510 Dus laten we op een aantal. 96 00:08:08,160 --> 00:08:12,700 En let op de nummers op de de snaar RGV links en de een aan de rechterkant. 97 00:08:12,990 --> 00:08:15,180 En natuurlijk deze degenen komen niet overeen. 98 00:08:15,840 --> 00:08:21,950 Maar als je op de juiste kun je zien dat steeds wanneer ze dat doen overeenkomen met het denkt dat we het mis. 99 00:08:21,960 --> 00:08:23,220 Het zegt probeer het opnieuw. 100 00:08:23,490 --> 00:08:28,080 En als je de twee snaren hier Vergelijk dit is de aangeklikte kleur. 101 00:08:28,080 --> 00:08:29,420 Dit is wat komt terug. 102 00:08:29,550 --> 00:08:38,290 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. 103 00:08:38,400 --> 00:08:40,380 Dus een of andere manier zijn ze iets anders. 104 00:08:40,380 --> 00:08:50,620 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. 105 00:08:50,970 --> 00:09:02,930 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. 106 00:09:02,970 --> 00:09:04,890 Dus dat is een soort van een lastige bug. 107 00:09:04,920 --> 00:09:11,740 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. 108 00:09:11,820 --> 00:09:16,460 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. 109 00:09:16,740 --> 00:09:19,240 Dus als we proberen dit opnieuw en vernieuwen. 110 00:09:19,410 --> 00:09:20,990 Laten we nu klikt u gewoon rond. 111 00:09:21,120 --> 00:09:24,780 Je kunt zien dat onze ruimtes zijn hier en deze zal zeker passen. 112 00:09:24,780 --> 00:09:32,060 Zodra we op de juiste kleur, die de allerlaatste en wij krijgen onze correct. 113 00:09:32,100 --> 00:09:34,650 Dus zeker een lastige bug er in te pakken. 114 00:09:34,650 --> 00:09:41,280 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. 115 00:09:41,280 --> 00:09:48,950 Het laatste wat we kunnen doen is als we het juist kunnen we ook veranderen de H-1 achtergrond als ik hier deed. 116 00:09:49,110 --> 00:09:52,940 Dus als je de juiste kleur denk dat het verandert de achtergrondkleur ook. 117 00:09:53,040 --> 00:09:54,910 En dat is een eenvoudige verandering. 118 00:09:54,960 --> 00:09:57,540 Alles wat we moeten doen is het selecteren van de H-1. 119 00:09:58,080 --> 00:10:01,920 Dus H-1 en we kunnen gewoon selecteert u dit de enige H-1 op de pagina. 120 00:10:01,950 --> 00:10:16,200 Dus hier Ik ben gewoon gaan om te selecteren op de bodem var H-1 gelijk document die vraag selector H-1, behalve dat. 121 00:10:16,200 --> 00:10:28,460 En dan wanneer de gebruiker correct raadt wat recht is hier gaan we H-1 DOD achtergrond of stijl die achtergrond te veranderen. 122 00:10:29,610 --> 00:10:42,060 En dat moet nu gelijk collect kleur en dat bewaren we naar de juiste versie van ons spel refresh en laten we proberen klikken. 123 00:10:42,930 --> 00:10:48,950 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. 124 00:10:49,200 --> 00:10:53,120 Dus je raden ten onrechte die verdwijnen door alleen het veranderen van de achtergrondkleur. 125 00:10:53,400 --> 00:10:58,240 En als je goed geraden ze allemaal veranderen van kleur en de H-1 verandert ook. 126 00:10:58,620 --> 00:11:03,910 In de volgende video gaan we het spel opnieuw functionaliteit toe te voegen en we zullen een beetje meer styling toe te voegen.