Okee.
Welkom terug.
In de komende paar video's die we nu gaan richten op het bouwen van een substantiële applicatie iets dat veel van het verplaatsen van stukken heeft langere html meer CSSA veel styling en vooral veel dominante bevolking en event handly wat we gaan bouwen een RG worden gekleurd raadspel.
Dus het is niet alleen een grote demonstratie van hoe al deze stukjes in elkaar passen, maar het is ook echt een leuke tool voor u te hebben.
En voor u om te oefenen R.G. zijn kleuren omdat de RGV kleursysteem is een beetje unintuitive op het eerste.
Het is heel anders dan de meeste kleursystemen die mensen zijn gewend te werken met.
Dus laat me laten zien hoe het werkt.
We laden de pagina en krijgen we zes willekeurige kleuren hier.
Deze zijn steeds verschillend.
En een van die kleuren wordt vermeld hier de naam van de kleur in onze GP.
En onze taak is om die een te kiezen.
Vergeet niet dat er drie kanalen rood, groen en blauw en een ieder varieert van 0 tot 255 en alles wat we nodig hebben zijn die drie kleuren om elke kleur die we ooit zou willen maken.
Zwart wit geel oranje paars al die zijn eigenlijk gemaakt door een combinatie van rood, groen en blauw.
Dus als we een kijkje nemen.
Ik heb Wikipedia openen we kunnen zien hoe additief mengen van kleuren werken in dit diagram.
Dus hebben we rood, groen en blauw en geel we eigenlijk combineren rood en groen dat is misschien een beetje anders dan wat je verwacht dat magenta te maken.
Het is blauw en rood.
En om ervoor te Cyan is lichtblauwe kleur is het groen en blauw.
En dan tot slot naar wit combineren we alle drie te maken.
Dus hier is nog een diagram hier gedaan dat het een beetje makkelijker maakt.
We hebben rode, groene en blauwe en magenta geel cyaan en wit en dan is zwart geen kleur.
Dus als we terug gaan kunnen we gebruiken om te proberen erachter te komen welke kleur dit is.
Dus als we een kijkje te nemen hebben we een bos van rode bijna alle rood.
Tot 255 dus bijna Er zijn veel groen en heel weinig blauw.
Dus veel rood in veel groen als u herinneren van deze grafiek rood en groen maakt geel.
Dus als we hadden 255 rood 255 groen het zou er zo uitzien.
Maar we hebben minder dan 255, dus het gaat niet zo helder zijn.
Dus laten we teruggaan.
Hopelijk kunt u vertellen welke is het juiste antwoord gebaseerd off van het schema dat we gewoon gekeken, maar ik ga er iets mis eerste zijn om u te laten zien wat er gebeurt raden.
dit is dus zeker verkeerd.
Dit is allemaal rood en zeer weinig groen.
Ik klik en het gaat weg en het vertelt me ​​het opnieuw proberen.
Dus laten we houden gissen aantal verkeerde degenen zoals die ene.
Deze is verkeerd.
OK.
Kennis's denk dat de juiste is.
Rode en groene het gaat erg geel zijn.
Dus dit is juist.
Ik zal klikken en merken dat alle zes vierkanten terugkomen.
Ze allemaal veranderen in de juiste kleur en onze achtergrond lijken wijzigingen in de juiste kleur ook.
En om een ​​boodschap die juist zegt en als ik wil kan ik op het spel weer op en dat zal nieuwe kleuren te genereren te krijgen.
Mijn scherm gaat terug naar blauw hier en ik krijg zes nieuwe pleinen en een nieuwe willekeurige kleur hier.
En wat kan ik ook doen is de moeilijkheid.
Dus als ik het makkelijker wil ik slechts drie kleuren om uit te kiezen.
Dit kan een beetje uitdagend als we allemaal verfrissen een paar keer als hier hebben we twee tinten blauw die zijn zeer vergelijkbaar.
Nu nadat je dit spel te spelen voor een tijdje moet je in staat om te bepalen welke correct is gebaseerd off van deze drie roze tinten of deze twee blauwe tinten.
En dat is echt het punt hier.
Maar om te beginnen kun je net wilt twee kleuren om uit te kiezen.
Dus hier is een andere.
Laten we het een beetje rood.
Bijna geen rood.
Een klein beetje groen.
Niet heel erg.
En veel blauw natuurlijk het gaat om ons zeer zuivere blauwe geven.
Laten we teruggaan naar hard mode te gaan.
Een ander punt dat ik hier zal je laten zien is dat het een responsieve site, zodat ik het kan vergroten of verkleinen en mijn pleinen te verplaatsen naar het midden.
Bekijk deze kleine saaie bar hier.
De ruimte ertussen aan de zijkanten zal toenemen en afnemen.
En als ik een boodschap dus laten we klik op één van deze Dat is verkeerd.
Ik probeer het nog eens.
Merk op hoe deze dichter bij elkaar te bewegen.
En dan kan ik ze uit elkaar bewegen en krijgen we wat meer afstand in.
Dus om wrap up voordat we daadwerkelijk beginnen met het maken ervan Ik wil gewoon een paar dingen samen te vatten.
Het gaat om een ​​vrij groot app veel javascript ongeveer honderd ish lijnen zijn heel wat succes zo goed en wat hem ook ouder.
We gaan soort kale botten beginnen weinig styling en we gaan gewoon om de functionaliteit op gang te krijgen en dan gaan we en voeg wat styling bovenop.
De andere zaak.
En toen we eenmaal eindigen hopelijk kan je deze heel vaak opfrissen op uw R.G. vaardigheden zelfs alleen maar het maken van deze voor de cursus heeft me geholpen nogal een beetje op te poetsen op een aantal van mijn RGV vaardigheden.
Ik heb gemerkt dat ik de neiging om te veel op RGV gekleurde plukkers vertrouwen.
Dus dit is geweldig voor mij ook om wat oefening te krijgen en om mezelf eraan te herinneren hoe RGV werkt.