1
00:00:00,240 --> 00:00:01,080
Bem vindo de volta.

2
00:00:01,080 --> 00:00:06,360
Neste vídeo, vamos nos concentrar em adicionar os botões fáceis e difíceis aqui que afetarão a

3
00:00:06,360 --> 00:00:07,350
dificuldade do jogo.

4
00:00:07,350 --> 00:00:13,920
Então, quando carregamos a página duramente, já foi selecionada e vemos seis botões diferentes aqui ou seis

5
00:00:13,920 --> 00:00:14,590
quadrados diferentes.

6
00:00:14,760 --> 00:00:18,610
E então eu posso clicar em fácil e isso permanece selecionado.

7
00:00:18,900 --> 00:00:21,180
E nós só temos três quadrados para escolher.

8
00:00:21,270 --> 00:00:23,270
E então eu posso voltar para o coração.

9
00:00:23,520 --> 00:00:26,860
Vamos começar adicionando nos dois botões que precisamos.

10
00:00:27,000 --> 00:00:31,050
Então vou entrar no meu HMO e adicionar dois botões.

11
00:00:31,560 --> 00:00:33,800
O primeiro direcionaremos fácil.

12
00:00:34,020 --> 00:00:37,470
O segundo dirá muito e irá atualizar.

13
00:00:37,900 --> 00:00:38,440
ESTÁ BEM.

14
00:00:38,520 --> 00:00:40,610
E isso parece bem agora.

15
00:00:41,160 --> 00:00:44,030
Você perceberá que nossa extensão ainda não está ocupando nenhum espaço.

16
00:00:44,300 --> 00:00:46,020
E eu vejo que há algum texto aparece.

17
00:00:46,020 --> 00:00:51,600
Ele empurra esses botões afastado se concentrará no estilo mais tarde, mas há um elemento do estilo

18
00:00:51,600 --> 00:00:57,600
em que eu quero focar, o que faz com que ele seja selecionado quando a página é carregada

19
00:00:57,600 --> 00:01:01,900
ou quando escolhemos fácil ou duramente, o botão correspondente deve permanecer azul.

20
00:01:02,160 --> 00:01:06,540
E a maneira como fazemos isso é usar uma classe e ativar e desativar essa classe.

21
00:01:06,540 --> 00:01:11,940
Então, vou definir uma classe aqui e será mais simples do que esse estilo de estilo aqui, só vai

22
00:01:11,940 --> 00:01:12,780
ser uma cor.

23
00:01:12,810 --> 00:01:18,390
Então nossa cor de fundo e a classe serão chamadas selecionadas porque é isso que estamos fazendo.

24
00:01:18,720 --> 00:01:22,110
Estamos adicionando a classe selecionada ao botão que está selecionado.

25
00:01:22,440 --> 00:01:25,870
E vai ter um conjunto de fundo para você começar.

26
00:01:26,280 --> 00:01:33,820
E, então, o que vamos fazer é simplesmente atribuir a classe de botão de modo rígido igual selecionada.

27
00:01:34,500 --> 00:01:39,600
E se atualizarmos no nosso código, você pode ver que isso é difícil.

28
00:01:39,810 --> 00:01:44,540
É horrível sim, mas pelo menos mostra-nos que estamos no modo rígido.

29
00:01:44,550 --> 00:01:49,980
Então, o que queremos fazer é adicionar o código que é um interruptor que, quando eles clicam em fácil e, em seguida,

30
00:01:49,980 --> 00:01:54,390
a parte mais complicada está mostrando as três cores ao clicar nas cores fácil e seis quando você

31
00:01:54,390 --> 00:01:55,070
clica no coração.

32
00:01:55,350 --> 00:01:56,340
ESTÁ BEM.

33
00:01:56,610 --> 00:01:58,580
Vamos começar aqui.

34
00:01:58,650 --> 00:02:03,750
Então, para que esses botões realmente funcionem, precisamos selecioná-los em nosso javascript e, em seguida, ter alguns

35
00:02:03,750 --> 00:02:08,460
ouvintes rápidos e fazer alguns e executar algum código quando cada um deles for clicado.

36
00:02:08,520 --> 00:02:14,490
Então, vamos facilitar a seleção e eu vou começar por dar-lhes cada uma identificação fácil.

37
00:02:14,590 --> 00:02:22,650
DTN e, em seguida, dura ETN e vamos mudar isso se você estiver vendo alguma bandeira vermelha aqui ou se você está pensando

38
00:02:22,650 --> 00:02:24,230
que estamos usando muitas idéias.

39
00:02:24,330 --> 00:02:26,660
Vamos refatorar isso em apenas alguns momentos.

40
00:02:26,760 --> 00:02:28,630
Mas vamos começar com duas IDs diferentes.

41
00:02:28,650 --> 00:02:30,500
Botão botão fácil botão.

42
00:02:30,660 --> 00:02:32,570
Acesse o nosso javascript e selecione-os.

43
00:02:32,580 --> 00:02:40,100
Então, var ETN fácil é o seletor de consulta doc doc com Octa.

44
00:02:40,410 --> 00:02:42,430
ETN fácil.

45
00:02:42,600 --> 00:02:45,210
Certifique-se de que capitalizamos as coisas da mesma forma.

46
00:02:45,270 --> 00:02:46,270
Aqui vamos nós.

47
00:02:46,650 --> 00:02:54,240
E o mesmo por difícil e eu não sei se você pegou isso em sublime.

48
00:02:54,240 --> 00:02:59,940
isso para selecionar todos eles, mas eu quero apenas esses dois e eu vou digitar com força em vez disso.

49
00:03:00,000 --> 00:03:05,040
Se você selecionar a palavra com facilidade e bater em Kamandi, então selecionará automaticamente a próxima instância

50
00:03:05,070 --> 00:03:06,140
e eu continuarei fazendo

51
00:03:06,210 --> 00:03:09,670
Então, temos dois botões e então podemos fazer algo assim.

52
00:03:09,960 --> 00:03:13,690
Easy PTEN adiciona o ouvinte de eventos.

53
00:03:13,800 --> 00:03:23,950
Clique e tudo o que vamos fazer é apenas alertar que o botão fácil foi encerrado assim.

54
00:03:24,600 --> 00:03:31,170
Alerta botão fácil clicado e certifique-se de que isso funciona.

55
00:03:31,200 --> 00:03:38,340
Easy OK, diz o botão Easy clicado e, em seguida, vamos duplicar isso para o botão rígido e diremos que o

56
00:03:40,800 --> 00:03:47,640
botão rígido foi encerrado e a atualização ainda funciona e dura, mas nos diz que o botão rígido foi clicado.

57
00:03:47,640 --> 00:03:49,050
Então, atualizamos clique em

58
00:03:49,410 --> 00:03:56,250
Então, ao invés de apenas fazer isso, vamos trabalhar para obter a classe da classe selecionada para refletir

59
00:03:56,250 --> 00:03:57,390
qual é selecionado.

60
00:03:57,810 --> 00:04:02,020
Então, se clicarmos no botão fácil, tudo o que queremos fazer é um botão fácil.

61
00:04:02,070 --> 00:04:11,120
A lista de classe do Doc adiciona selecionada e, se atualizarmos agora, clicoi com facilidade.

62
00:04:11,420 --> 00:04:12,920
Tem uma classe selecionada.

63
00:04:12,940 --> 00:04:19,630
Fácil, mas o problema é que ele ainda permanece no botão rígido para que seja fácil de consertar.

64
00:04:19,650 --> 00:04:29,460
queremos ter um botão rígido, digite o ponto da Lista cruzada, remova-o e agora, se clicarmos com facilidade, o modo rígido desaparecerá.

65
00:04:29,460 --> 00:04:30,520
Nós só

66
00:04:30,660 --> 00:04:36,990
Mas se clicarmos com dificuldade, ainda não temos essa lógica para que possamos corrigir isso

67
00:04:36,990 --> 00:04:46,740
apenas copiando esse código e agora teremos botões rígidos sem classe que adicionem a lista de classes de botão fácil selecionada que

68
00:04:46,740 --> 00:04:47,630
remove selecionada.

69
00:04:48,160 --> 00:04:49,970
OK, vamos testá-lo.

70
00:04:50,890 --> 00:04:51,630
Tudo bem.

71
00:04:51,630 --> 00:04:57,450
Então, agora temos a parte mais fácil, quais são os dois botões mostrando qual é

72
00:04:57,680 --> 00:05:02,930
atualmente selecionado e eu atualizo e difícil é automaticamente selecionado porque temos seis elementos.

73
00:05:02,940 --> 00:05:09,210
Em seguida, precisamos adicionar a lógica para realmente mudar a dificuldade, não apenas o estilo desses

74
00:05:09,210 --> 00:05:12,730
botões, mas apenas mostrar três elementos ou seis quadrados.

75
00:05:12,930 --> 00:05:15,840
Então precisamos fazer isso antes de começarmos.

76
00:05:15,870 --> 00:05:19,110
Vamos verificar novamente a solução para ver como isso funciona.

77
00:05:19,110 --> 00:05:26,420
Então, se eu atualizar e clico em uma notificação fácil de obter novas cores e temos que fazer isso porque existe

78
00:05:26,460 --> 00:05:33,450
o risco de ter seis cores aqui e a cor que está selecionada aqui pode ser uma dessas três que

79
00:05:33,450 --> 00:05:36,510
quando eu clicar em facil esses três são removidos.

80
00:05:36,510 --> 00:05:39,400
Então, esse poderia ser um belo erro de quebra de jogo.

81
00:05:39,600 --> 00:05:42,860
Então, em vez de lidar com isso, vamos escolher três cores novas.

82
00:05:42,990 --> 00:05:45,870
Então o processo é que nós atualizamos isso.

83
00:05:45,930 --> 00:05:51,840
Então, o processo é quando eu clicar no botão fácil que vamos gerar três novas cores para a

84
00:05:51,850 --> 00:05:54,640
matriz de cores vão escolher uma cor desses três.

85
00:05:54,750 --> 00:05:57,490
Vamos atualizar que aparecem com uma cor escolhida.

86
00:05:57,510 --> 00:05:59,450
Vamos atualizar os três quadrados aqui.

87
00:05:59,640 --> 00:06:05,880
E a parte importante é que também escondemos os outros três quadrados para que não os eliminemos, apenas os

88
00:06:05,880 --> 00:06:08,610
escondermos configurando a exibição para não ser nenhum.

89
00:06:09,120 --> 00:06:11,010
E a mesma coisa é difícil.

90
00:06:11,010 --> 00:06:13,930
Geramos seis novas cores na matriz de cores.

91
00:06:13,950 --> 00:06:16,080
Escolhemos uma para ser nossa escolha colorida.

92
00:06:16,230 --> 00:06:17,850
Mostramos isso aqui.

93
00:06:18,000 --> 00:06:23,740
Então mostramos os três quadrados na parte inferior e depois colocamos cada um para ter uma cor.

94
00:06:24,270 --> 00:06:24,730
ESTÁ BEM.

95
00:06:24,810 --> 00:06:26,570
Então vamos resolver isso agora.

96
00:06:26,820 --> 00:06:31,170
Em primeiro lugar, quando clicamos no botão fácil, vamos começar.

97
00:06:31,380 --> 00:06:39,520
Vamos querer gerar novas cores para que as cores sejam iguais a gerar cores aleatórias neste momento 3.

98
00:06:40,410 --> 00:06:47,370
E então, uma vez que temos feito isso, iremos querer escolher uma nova cor escolhida, de modo que a cor

99
00:06:47,880 --> 00:06:50,820
escolhida é igual a escolher a cor assim.

100
00:06:50,820 --> 00:06:56,490
Então, uma vez que temos nossas cores e nossa cor escolhida, podemos começar simplesmente mudando a exibição aqui para

101
00:06:56,490 --> 00:06:58,400
mostrar a nova cor da imagem.

102
00:06:59,070 --> 00:07:06,050
Então, é tão fácil quanto dizer que o conteúdo de texto de exibição em cores é igual a cor escolhida.

103
00:07:06,360 --> 00:07:11,410
E se atualizarmos, eu vou ter algumas cores novas aqui apenas para lhe mostrar algumas coisas.

104
00:07:11,580 --> 00:07:17,520
mencionou antes, a cor está mudando e, por trás das cenas, há uma matriz de cores que também muda.

105
00:07:17,520 --> 00:07:19,630
Quando eu clicar em fácil como você

106
00:07:19,650 --> 00:07:25,100
Então, vamos ver o que as cores são agora e então eu clico no modo fácil e eu olho para

107
00:07:25,110 --> 00:07:27,490
o que as cores são novamente e é diferente.

108
00:07:27,870 --> 00:07:30,990
E também escolheu cores é diferente.

109
00:07:30,990 --> 00:07:37,650
Então, vamos conversar sobre como escondemos os três divs inferiores quando clicamos no modo fácil ou podemos esconder os

110
00:07:37,650 --> 00:07:38,190
três primeiros.

111
00:07:38,190 --> 00:07:38,730
Não importa.

112
00:07:38,730 --> 00:07:43,260
ao fazer um loop e definir a propriedade de exibição de Threes inferior para não ser nenhuma.

113
00:07:43,260 --> 00:07:46,360
Mas eu vou fazer os três inferiores do jeito que faremos isso,

114
00:07:46,560 --> 00:07:48,440
Então, deixe-me mostrar-lhe como isso funciona.

115
00:07:48,510 --> 00:07:49,870
Eu vou escolher um deles.

116
00:07:49,980 --> 00:08:01,850
Então, vamos fazer um seletor de consulta de documentos todo o quadrado ou um quadrado e depois trabalhar com o quinto.

117
00:08:02,250 --> 00:08:11,320
Bem, na verdade o sexto com índice de cinco e, em seguida, defina essa exibição de estilo para não ser nenhuma.

118
00:08:12,150 --> 00:08:13,760
E você verá que isso desaparece.

119
00:08:13,770 --> 00:08:19,000
E então, se eu quiser que ele volte o que farei, se clicarmos no modo rígido, eu só preciso dizer estilo.

120
00:08:19,050 --> 00:08:22,160
A exibição é igual a bloqueio.

121
00:08:22,500 --> 00:08:23,280
Tudo bem.

122
00:08:23,490 --> 00:08:28,980
Então, vamos em frente e implementemos isso em nosso código da maneira que isso vai conseguir isso, é através do loop

123
00:08:29,250 --> 00:08:30,980
de todos os seis no início.

124
00:08:31,170 --> 00:08:34,820
E para os três primeiros vamos dar-lhes uma nova cor.

125
00:08:35,040 --> 00:08:37,380
E para o fundo três vamos escondê-los.

126
00:08:37,410 --> 00:08:40,380
Então, ao invés de ter dois loops para fazer isso, vamos fazê-lo de uma só vez.

127
00:08:40,560 --> 00:08:43,980
Então, para var I é igual a zero.

128
00:08:43,980 --> 00:08:48,140
Eu apenas tenho menos que quadrados.

129
00:08:48,300 --> 00:08:54,390
Além disso, vamos aproveitar o fato de que as cores possuem três itens.

130
00:08:54,390 --> 00:08:58,000
Então, vamos fazer algo assim se as cores I.

131
00:08:58,440 --> 00:09:02,350
Então, se houver uma próxima cor para que isso aconteça nos três primeiros.

132
00:09:02,610 --> 00:09:11,020
Nós vamos escrever quadrados que eu estilo o fundo é igual à cor.

133
00:09:12,660 --> 00:09:18,540
Então, para os três primeiros em nosso caso, porque as cores só têm três itens, vamos

134
00:09:18,540 --> 00:09:22,740
percorrer todos os quadrados e verificar se há uma cor nesse índice.

135
00:09:22,770 --> 00:09:27,320
E se houver, vamos mudar a cor desses três primeiros.

136
00:09:27,390 --> 00:09:29,160
Então, vamos nos certificar de que funciona.

137
00:09:29,160 --> 00:09:33,990
Eu clique em fácil e você verá apenas os três principais estão mudando.

138
00:09:33,990 --> 00:09:35,470
Então estamos perto.

139
00:09:35,520 --> 00:09:38,550
Tudo o que queremos fazer agora é esconder os três inferiores.

140
00:09:39,000 --> 00:09:41,040
Então, faremos isso com mais.

141
00:09:42,370 --> 00:09:48,970
Os quadrados que eu exibo não exibem nenhum.

142
00:09:49,600 --> 00:09:56,770
E se nós atualizamos e tornamos a tela cheia se eu clicar no modo fácil, você pode ver que perdemos o

143
00:09:56,770 --> 00:10:00,010
fundo três e as cores dos três principais estão mudando.

144
00:10:00,640 --> 00:10:03,010
E vamos tentar descobrir qual é esse.

145
00:10:03,050 --> 00:10:08,850
Então, cento e sessenta e três vermelhos de verde e um pouco de azul.

146
00:10:08,950 --> 00:10:10,190
Aqui vamos nós.

147
00:10:10,300 --> 00:10:13,200
Você pode atualizar, tente mais alguns.

148
00:10:13,210 --> 00:10:19,030
Temos um pequeno problema ao atualizar alguns desses e eu clico no modo fácil.

149
00:10:19,030 --> 00:10:21,010
Estamos apenas gerando três cores aqui.

150
00:10:21,140 --> 00:10:26,600
Mas se eu clicar no botão de novas cores para que eu mostre o que as cores parecem agora.

151
00:10:26,740 --> 00:10:27,640
São três itens.

152
00:10:27,760 --> 00:10:32,330
Se eu clicar em novas cores e então eu olho para as cores.

153
00:10:33,070 --> 00:10:38,340
Na verdade, são seis itens e é porque não estamos acompanhando o modo em que estamos.

154
00:10:38,350 --> 00:10:40,440
Então esse código está aqui no botão de reinicialização.

155
00:10:40,510 --> 00:10:44,520
Estamos apenas dizendo que as cores são iguais para gerar cores aleatórias.

156
00:10:44,680 --> 00:10:46,370
Então, precisamos corrigir isso eventualmente.

157
00:10:46,600 --> 00:10:52,090
Mas antes de fazer isso, obtenha nosso botão rígido para que ele nos torne de volta a seis quadrados e

158
00:10:52,090 --> 00:10:54,700
cada um tem sua própria cor para fazer isso.

159
00:10:54,850 --> 00:11:00,000
Eu vou pegar um pouco desse código e duplicá-lo aqui, o que sempre é um sinal ruim.

160
00:11:00,490 --> 00:11:03,250
E é por isso que vamos refatorar isso apenas um pouco.

161
00:11:03,280 --> 00:11:04,870
Então, a primeira coisa que eu quero fazer.

162
00:11:04,870 --> 00:11:09,380
Eu apenas vou copiar tudo isso em nossas cores do ouvinte do evento do botão rígido.

163
00:11:09,400 --> 00:11:16,000
Serão seis cores escolhidas, a cor será o mesmo conteúdo em cores, o conteúdo do texto é o mesmo.

164
00:11:16,000 --> 00:11:18,880
E então vamos passar por todos eles neste loop.

165
00:11:18,880 --> 00:11:20,590
Precisamos fazer duas coisas diferentes.

166
00:11:20,590 --> 00:11:24,200
O primeiro é atribuir uma nova cor a cada quadrado.

167
00:11:24,460 --> 00:11:29,980
Mas também possivelmente precisamos ter certeza de que os três estão desativados na parte inferior.

168
00:11:30,430 --> 00:11:36,910
if por enquanto e vamos definir todos os quadrados para ter uma cor de fundo para serem cores.

169
00:11:36,910 --> 00:11:38,990
Então, vamos nos livrar da afirmação

170
00:11:39,430 --> 00:11:43,880
E todos os quadrados terão uma exibição de bloco.

171
00:11:44,230 --> 00:11:49,960
Então, isso é um pouco desperdício porque só precisamos dos últimos três tecnicamente e estamos reiniciando todos eles

172
00:11:49,990 --> 00:11:51,710
para ser um bloco de exibição.

173
00:11:51,850 --> 00:11:54,940
Mas essa é uma coisa muito pequena sobre a qual podemos nos concentrar mais tarde.

174
00:11:55,000 --> 00:12:02,440
Então, vamos ver se isso funciona, atualizar nos diz que temos um erro de sintaxe na linha 36. Vejamos o que

175
00:12:02,440 --> 00:12:03,150
estamos perdendo.

176
00:12:03,670 --> 00:12:05,600
E nós só temos uma cinta extra curly aqui.

177
00:12:05,710 --> 00:12:10,210
Então, se economizarmos agora e atualizamos, temos seis cores, como sempre temos.

178
00:12:10,210 --> 00:12:12,190
Se eu clicar com facilidade, temos três.

179
00:12:12,310 --> 00:12:15,260
Se eu clicar em disco, volto para seis.

180
00:12:15,370 --> 00:12:18,780
Recebo uma nova cor aqui e vamos nos certificar de que isso continue funcionando.

181
00:12:18,850 --> 00:12:23,280
Tão fácil, fácil e difícil, quando eu vou para o modo rígido.

182
00:12:23,380 --> 00:12:25,510
Vamos clicar em novas cores novamente.

183
00:12:25,570 --> 00:12:29,570
Volte para facilitar voltar a ser difícil e fácil.

184
00:12:29,650 --> 00:12:29,930
Tudo bem.

185
00:12:29,920 --> 00:12:32,320
E vamos jogar isso e ver se ele funciona.

186
00:12:32,320 --> 00:12:37,410
Então escolha a cor é 196 170 57.

187
00:12:37,450 --> 00:12:42,240
Então, liso muito de verde e um pouco de azul.

188
00:12:42,460 --> 00:12:44,970
Então, isso é muito vermelho e verde é de cor amarela.

189
00:12:45,070 --> 00:12:46,650
Então não será esse ou aquele.

190
00:12:46,660 --> 00:12:52,120
Esse será o primeiro rápido e parece que está funcionando bem.

191
00:12:52,380 --> 00:12:55,880
Se eu clicar em fácil novamente, voltamos para três cores.

192
00:12:56,050 --> 00:13:01,750
aleatória de seis que pode não estar nos mostrando o que está indo para ser problemático para consertar isso.

193
00:13:01,750 --> 00:13:07,960
O problema mais urgente que enfrenta, porém, é quando eu estou no modo fácil e eu clique em jogar novamente, isso

194
00:13:07,960 --> 00:13:11,350
vai gerar seis cores e não três e vai escolher uma cor

195
00:13:11,350 --> 00:13:15,730
Tudo o que precisamos fazer é ter uma variável que acompanhe o modo em que estamos.

196
00:13:15,730 --> 00:13:19,650
Fácil ou difícil ou o número de quadrados três ou seis.

197
00:13:19,840 --> 00:13:21,530
Então vamos fazer isso aqui.

198
00:13:21,640 --> 00:13:29,620
Teremos uma variável chamada número de quadrados e que começará às 6 e declararemos que aqui

199
00:13:29,880 --> 00:13:39,220
e dizer cores é igual a gerar cores aleatórias de número e vamos fazer número de quadrados ou

200
00:13:39,490 --> 00:13:40,180
quadrados.

201
00:13:40,240 --> 00:13:41,080
É um

202
00:13:44,170 --> 00:13:47,020
pouco mais fácil assim e economize.

203
00:13:47,140 --> 00:13:50,120
E então precisamos substituir isso em alguns lugares.

204
00:13:50,170 --> 00:13:57,970
Então, quando clicamos no modo fácil, você quer que os quadrinhos entorpecidos sejam três e depois geramos

205
00:13:57,970 --> 00:14:00,040
cores aleatórias sem quadrados.

206
00:14:00,430 --> 00:14:09,010
E então, mais abaixo, quando clicamos no botão rígido, queremos que alguns quadrados sejam 6, então os quadrados entorpecidos são iguais

207
00:14:09,100 --> 00:14:17,290
a seis e depois geram quadrados de cores aleatórias e, em seguida, há alguns outros lugares aqui quando clicamos nesse

208
00:14:17,290 --> 00:14:18,850
botão de reinicialização.

209
00:14:18,850 --> 00:14:24,540
Queremos gerar o número correto de cores que também seriam os quadrados Nahm.

210
00:14:24,580 --> 00:14:28,970
Então, isso deve cuidar disso para nós, se voltarmos e atualizarmos.

211
00:14:29,530 --> 00:14:33,080
Vamos ao modo fácil e vamos ganhar esse.

212
00:14:33,190 --> 00:14:35,280
Então, principalmente vermelho um pouco azul.

213
00:14:35,320 --> 00:14:37,350
Esse não.

214
00:14:37,660 --> 00:14:38,740
Não aquele.

215
00:14:38,740 --> 00:14:39,830
Aqui vamos nós.

216
00:14:39,880 --> 00:14:47,140
E se eu clicar em jogar novamente, vamos nos certificar de que, ao digitar cores, nós apenas vejo três cores.

217
00:14:47,140 --> 00:14:55,240
E se eu olhei as esperanças de cores escolhidas escolheu uma cor, você pode ver que está dentro da matriz de cores.

218
00:14:55,450 --> 00:14:56,880
Então, não precisamos nos preocupar mais com isso.

219
00:14:57,040 --> 00:14:57,970
Nossa lógica agora funciona