D'accord.
Nous saluons le retour.
Dans les prochaines vidéos, nous allons nous concentrer sur la construction d'une application substantielle quelque chose qui a beaucoup de pièces en mouvement plus html plus CSSA beaucoup de style et le plus important beaucoup de population dominante et l'événement handly ce que nous allons construire Est un RG Être coloré deviner le jeu.
Donc, ce n'est pas seulement une grande démonstration de la façon dont tous ces morceaux ensemble, mais c'est aussi un outil vraiment agréable pour vous d'avoir.
Et pour vous de pratiquer R.G. Être couleurs parce que le système de couleur RGV est un peu peu intuitif au premier abord.
C'est très différent de la plupart des systèmes de couleur que les gens sont habitués à travailler avec.
Alors laissez-moi vous montrer comment cela fonctionne.
Nous chargeons la page et nous obtenons six couleurs aléatoires ici.
Ce sont toujours différents.
Et l'une de ces couleurs est énumérée ici le nom de la couleur dans notre GP.
Et notre travail est de choisir lequel.
N'oubliez pas qu'il ya trois canaux rouge vert et bleu et chacun varie de 0 à 255 et tout ce dont nous avons besoin sont ces trois couleurs pour faire chaque couleur unique que nous pourrions jamais vouloir.
Noir blanc jaune orange pourpre tous ceux qui sont réellement fait en combinant le vert rouge et bleu.
Donc, si on regarde.
J'ai Wikipedia ouverte nous pouvons voir comment le mélange additif de couleur fonctionne dans ce diagramme.
Donc, nous avons rouge vert et bleu et pour faire du jaune, nous combinons réellement rouge et vert qui est peut-être un peu différent de ce que vous êtes censé faire magenta.
Il est bleu et rouge.
Et pour rendre Cyan est de couleur bleu clair, il est vert et bleu.
Et puis enfin pour faire du blanc, nous combinons tous les trois.
Donc voici un autre diagramme fait ici qui le rend un peu plus facile.
Nous avons rouge vert et bleu et puis magenta jaune cyan et blanc et puis aucune couleur est noire.
Donc, si nous revenons, nous pouvons utiliser cela pour essayer de comprendre quelle couleur c'est.
Donc, si on regarde, on a un tas de rouge presque tout rouge.
Jusqu'à 255 donc presque Il ya beaucoup de vert et très peu de bleu.
Donc beaucoup de rouge dans beaucoup de vert si vous vous souvenez de ce tableau rouge et vert fait jaune.
Donc, si nous avions 255 rouges 255 vert, ça ressemblerait à ça.
Mais nous avons moins de 255, donc ça ne va pas être aussi brillant.
Revenons donc.
Espérons que vous pouvez dire lequel est la réponse correcte basée sur le diagramme que nous avons juste regardé, mais je vais deviner quelque chose de mal premier à vous montrer ce qui se passe.
Donc, celui-ci est définitivement faux.
Tout cela est rouge et très peu vert.
Je clique et ça s'en va et il me dit d'essayer à nouveau.
Donc, nous allons continuer à deviner certains mauvais comme celui-là.
Celui-ci est faux.
D'ACCORD.
La connaissance est la bonne.
Rouge et vert, il va être très jaune.
Donc, c'est exact.
Je vais cliquer et noter que les six carrés reviennent.
Ils changent tous à la couleur correcte et notre arrière-plan apparaissent changent pour être la couleur correcte aussi bien.
Et pour obtenir un message qui dit correct et si je veux je peux cliquer sur le jeu de nouveau et qui va générer de nouvelles couleurs.
Mon écran revient au bleu ici et je reçois six nouveaux carrés et une nouvelle couleur aléatoire ici.
Et puis ce que je peux aussi faire, c'est changer la difficulté.
Donc, si je veux plus facile, je n'ai que trois couleurs à choisir.
Cela peut être un peu difficile quand nous avons tous rafraîchir quelques fois comme ici nous avons deux nuances de bleu qui sont très similaires.
Maintenant, après que vous jouez à ce jeu pendant un certain temps, vous devriez être en mesure de déterminer lequel est correct basé hors de ces trois nuances roses ou ces deux nuances bleues.
Et c'est vraiment le point ici.
Mais pour commencer, vous voudrez peut-être deux couleurs à choisir.
Alors voici un autre.
Faisons-le un peu rouge.
Presque pas de rouge.
Un peu de vert.
Pas beaucoup.
Et beaucoup de bleu, bien sûr, il va nous donner du bleu très pur.
Revenons au mode difficile.
Un autre point que je vais montrer ici, c'est que c'est un site réactif, donc je peux redimensionner et mes carrés se déplacer vers le milieu.
Regarde ce petit bar ici.
L'espace entre eux sur les côtés augmentera et diminuera.
Et si j'ai un message alors nous allons cliquer sur un de ces Ce qui ne va pas.
Je vais essayer de nouveau.
Remarquez comment ceux-ci se rapprochent.
Et puis je peux les écarter et nous obtenons un peu plus d'espace là-dedans.
Donc, pour terminer avant de commencer à créer, je veux juste résumer quelques choses.
Il va être une application assez grande pour être beaucoup de javascript sur une centaine de lignes ish un peu de succès ainsi et certains âgés lui aussi.
Nous allons commencer une sorte de nus très peu de style et nous allons simplement obtenir la fonctionnalité va et puis nous allons aller et ajouter un peu de style sur le dessus.
L'autre chose.
Et puis une fois que nous terminer, nous l'espérons, vous pouvez l'utiliser assez souvent pour brouiller sur votre R.G. Les compétences même simplement faire ce pour le cours m'a aidé un peu à réfléchir sur certaines de mes compétences RGV.
J'ai remarqué que j'ai tendance à compter trop sur RGV coloré pickers.
Donc, c'est très bien pour moi aussi d'avoir une certaine pratique et de me rappeler comment RGV fonctionne.