1
00:00:00,510 --> 00:00:01,740
Ouça de volta de novo.

2
00:00:02,070 --> 00:00:06,180
Então, nesta unidade, estamos fazendo provavelmente a minha coisa favorita.

3
00:00:06,180 --> 00:00:08,630
É este brinquedo simples, mas divertido.

4
00:00:09,120 --> 00:00:15,170
Usando animação e uma biblioteca de animação, alguns gráficos de alguma biblioteca de áudio e áudio.

5
00:00:15,270 --> 00:00:20,970
E vamos fazer um clone simple e simples desse pad um aplicativo de toque que eu mostrei no

6
00:00:21,150 --> 00:00:29,220
início, onde você pode tocar as teclas no seu teclado e cada tecla corresponde a um som que é reproduzido e uma pequena animação e que

7
00:00:29,340 --> 00:00:30,700
apenas vai seja simples.

8
00:00:30,720 --> 00:00:32,390
Não vamos ter um monte de animações diferentes.

9
00:00:32,400 --> 00:00:33,700
Eu vou mostrar o que parece.

10
00:00:33,840 --> 00:00:35,690
Cada tecla tem seu próprio som.

11
00:00:35,850 --> 00:00:41,370
E quando eu acerta essa tecla, o som é reproduzido e nós conseguimos um círculo colorido através de cada tecla tem

12
00:00:41,370 --> 00:00:43,710
sua própria cor e, em seguida, os círculos animam.

13
00:00:43,710 --> 00:00:44,900
Eles basicamente diminuem.

14
00:00:44,910 --> 00:00:54,990
Então vou mostrar o que quero dizer e transformá-lo um pouco.

15
00:00:55,640 --> 00:00:59,560
Vamos fazer esse filme não é o mesmo som aqui.

16
00:00:59,610 --> 00:01:02,370
Sim, é muito divertido, mas.

17
00:01:02,400 --> 00:01:06,190
Mas o motivo pelo qual estamos fazendo isso não é apenas porque é um projeto divertido.

18
00:01:06,390 --> 00:01:11,870
Estamos fazendo isso porque temos que usar as bibliotecas aqui e vamos usar duas bibliotecas e mencionamos uma chamada

19
00:01:11,880 --> 00:01:15,310
Gênio do papel e outra é chamada de como elas são geniais.

20
00:01:15,720 --> 00:01:20,760
E eu só quero que você veja como é o processo quando incorpora uma biblioteca no seu código.

21
00:01:20,760 --> 00:01:26,460
E sempre que estou escrevendo currículo, seja para um curso noturno ou um curso de seis

22
00:01:26,460 --> 00:01:32,820
meses ou de três meses ou um curso on-line, eu sempre me certifico de que há algum projeto

23
00:01:32,850 --> 00:01:39,330
ou alguma tarefa que obriga os alunos a fazer um pouco de cavar as docas de uma biblioteca ou

24
00:01:39,330 --> 00:01:42,810
descobrir como incorporar algum código externo em seu próprio aplicativo.

25
00:01:42,810 --> 00:01:48,570
E eu costumo tentar e transformá-lo em algo que é um tipo de diversão, um brinquedo talvez ou uma demonstração

26
00:01:48,570 --> 00:01:49,210
interativa legal.

27
00:01:49,320 --> 00:01:55,260
Então eu fiz coisas com áudio antes com animações, mas também com o acompanhamento de rastreamento e rastreamento de

28
00:01:55,260 --> 00:01:56,640
webcam e rastreamento de cabeças.

29
00:01:56,820 --> 00:02:01,050
Existem bibliotecas que podem fazer praticamente qualquer coisa agora com o navegador, é realmente impressionante.

30
00:02:01,440 --> 00:02:03,750
Este é muito divertido.

31
00:02:03,990 --> 00:02:10,380
Mais uma vez, estamos pegando duas bibliotecas Paperchase e como lurgar enquanto usamos paperchase para ajudar com

32
00:02:10,380 --> 00:02:11,490
gráficos e animações.

33
00:02:11,790 --> 00:02:15,330
Então eles têm alguns exemplos muito divertidos.

34
00:02:15,480 --> 00:02:23,490
Se você clicar em Showcase na verdade e no papel Jasc dot showcase, eles mostram alguns casos de uso real onde as pessoas

35
00:02:23,490 --> 00:02:27,110
usaram papel apenas na selva de exemplos de corte claro.

36
00:02:27,270 --> 00:02:32,930
Há alguns brinquedos divertidos. Eu realmente amo este aqui provavelmente pode brincar com isso por horas.

37
00:02:33,060 --> 00:02:36,910
Alguma coisa é muito relaxante sobre isso para mim.

38
00:02:37,260 --> 00:02:40,360
Então, coisas divertidas que podemos fazer com a papelaria.

39
00:02:40,470 --> 00:02:48,210
Novamente, tudo o que a Paperchase podemos fazer sozinho sem Paperchase, mas é muito trabalho.

40
00:02:48,360 --> 00:02:50,460
Então, vou mostrar o que quero dizer.

41
00:02:50,460 --> 00:02:51,680
O código aqui.

42
00:02:51,690 --> 00:02:57,990
Então, acesse uma chave neste caso, a letra P para fazer esse círculo e encolher assim como essa para fazer

43
00:02:57,990 --> 00:03:01,830
essa animação e também notar que ela muda de cor um pouco.

44
00:03:02,040 --> 00:03:05,970
Eu não sei se você pode ver isso, mas vai de roxo ou azul para baixo para roxo.

45
00:03:06,060 --> 00:03:09,870
Ou se eu fizer outro, isso vai do amarelo para o verde.

46
00:03:10,200 --> 00:03:16,890
Essa animação e essa transição sem papel, nós podemos ser 50 linhas.

47
00:03:17,040 --> 00:03:19,920
Talvez possamos chegar com cerca de 20 linhas com papel.

48
00:03:19,950 --> 00:03:20,280
Sim.

49
00:03:20,280 --> 00:03:21,550
É menos de cinco.

50
00:03:21,690 --> 00:03:23,240
É realmente muito simples.

51
00:03:23,250 --> 00:03:26,960
A mesma coisa com Hausler, então o atril nos ajuda a tocar áudio.

52
00:03:27,120 --> 00:03:33,030
Nós podemos fazer tudo isso sem, no entanto, como podemos fazer tudo de tudo que faz e que

53
00:03:33,030 --> 00:03:37,940
podemos fazer sem que a gente faça muitas vezes significa que devemos escrever mais códigos.

54
00:03:38,070 --> 00:03:43,230
Então, isso toca um som. Aqui é um exemplo, vamos fazer algo muito parecido com isso,

55
00:03:43,230 --> 00:03:48,090
onde vamos tocar um som quando você bate uma tecla e cada tecla tem seu

56
00:03:48,700 --> 00:03:57,070
próprio som, então eu estou tocando q q sempre toca esse ruído e sempre é essa transição de cor azul claro para um azul mais escuro.

57
00:03:57,120 --> 00:04:02,520
Uma última nota é que os círculos estão em uma resposta aleatória em uma localização aleatória sempre que você

58
00:04:02,520 --> 00:04:03,390
pressiona essa tecla.

59
00:04:03,510 --> 00:04:09,300
Portanto, a localização não está definida não corresponde à tecla apenas a cor e o som que é reproduzido.

60
00:04:10,180 --> 00:04:11,430
Certo, ótimo.

61
00:04:11,430 --> 00:04:13,560
Então, no próximo vídeo, vamos começar.

62
00:04:13,560 --> 00:04:18,580
Uma coisa que eu gostaria de salientar antes de começar é que todos esses sons

63
00:04:19,080 --> 00:04:21,670
que você ouça os jogam todos realmente.

64
00:04:23,630 --> 00:04:26,940
Sim, alguns sons muito agradáveis.

65
00:04:27,060 --> 00:04:29,560
Na verdade, podemos usá-los neste projeto juntos.

66
00:04:29,970 --> 00:04:31,600
Incluí-los como um download.

67
00:04:31,770 --> 00:04:36,660
Vou mostrar-lhe aqui se você baixar o arquivo zip de som.

68
00:04:36,690 --> 00:04:37,740
Há um monte de sons.

69
00:04:37,740 --> 00:04:40,260
Vinte coisas soam nesse arquivo.

70
00:04:40,290 --> 00:04:44,550
Então há alguns sons muito bons lá e nós realmente podemos usar todos esses.

71
00:04:44,580 --> 00:04:46,970
Eles são de um projeto de código aberto e gueto.

72
00:04:47,310 --> 00:04:52,270
Na verdade, o que o toque de patta usa ou o que a Pedda toca realmente é.

73
00:04:52,590 --> 00:04:54,680
É essa sincronia neuronal em buscá-la.

74
00:04:54,690 --> 00:04:58,900
Por isso, tem animações se você quiser ver aquelas animações que não vamos fazer.

75
00:04:58,970 --> 00:05:02,410
Então, muito mais complexo, mas também tem todos os sons.

76
00:05:02,640 --> 00:05:08,730
Então, o que eu fiz é que acabei de tirar o som desta pasta aqui mesmo, todos esses sons e eu

77
00:05:08,730 --> 00:05:09,570
os coloquei juntos.

78
00:05:09,570 --> 00:05:14,330
Há muito mais se você quiser escolher sons diferentes que você pode ir para não

79
00:05:14,760 --> 00:05:19,160
ter baixado isso, mas eu gosto dos sons que estão em uma pasta.

80
00:05:19,330 --> 00:05:21,750
Indique também a licença aqui.

81
00:05:21,750 --> 00:05:25,030
Podemos usá-lo licença MIT, dê uma olhada se você quiser.

82
00:05:25,320 --> 00:05:29,790
Muito bom som, então não tenho certeza de quem os criou se o criador aqui os fizesse.

83
00:05:29,790 --> 00:05:33,690
Mas há alguns sons muito bons que estaremos usando e eles são idênticos aos que a torneira

84
00:05:33,690 --> 00:05:34,250
de patta usa.

85
00:05:34,410 --> 00:05:35,620
Então, baixe esses.

86
00:05:35,640 --> 00:05:38,600
Parece assim apenas um diretório com um monte de sons.

87
00:05:38,640 --> 00:05:40,860
E vamos usar isso nas próximas lições.

88
00:05:41,160 --> 00:05:46,970
próximo vídeo e vou deixar os últimos segundos aqui e fazer algo nesse CD.

89
00:05:46,990 --> 00:05:50,010
Então, vamos em frente e começamos no