1
00:00:00,510 --> 00:00:01,740
Senti che sono i benvenuti.

2
00:00:02,070 --> 00:00:06,180
Quindi in questa unità stiamo probabilmente facendo la mia cosa preferita in assoluto.

3
00:00:06,180 --> 00:00:08,630
È un gioco semplice ma divertente.

4
00:00:09,120 --> 00:00:15,170
Usando l'animazione e una libreria di animazioni alcuni grafici di una libreria audio e audio.

5
00:00:15,270 --> 00:00:20,970
Creeremo un semplice clone di quel pad un'app di tocco che ti ho mostrato in anticipo

6
00:00:21,150 --> 00:00:29,220
dove puoi colpire i tasti sulla tastiera e ogni tasto corrisponde a un suono riprodotto e un po 'di animazione e stanno

7
00:00:29,340 --> 00:00:30,700
andando a Sii semplice.

8
00:00:30,720 --> 00:00:32,390
Non avremo un sacco di animazioni diverse.

9
00:00:32,400 --> 00:00:33,700
Ti mostrerò come appare.

10
00:00:33,840 --> 00:00:35,690
Ogni chiave ha il suo suono.

11
00:00:35,850 --> 00:00:41,370
E quando premo quel tasto viene riprodotto il suono e otteniamo un cerchio colorato attraverso ogni tasto che ha il

12
00:00:41,370 --> 00:00:43,710
suo colore e quindi i cerchi si animano.

13
00:00:43,710 --> 00:00:44,900
In pratica si restringono.

14
00:00:44,910 --> 00:00:54,990
Quindi ti mostrerò cosa intendo e alzandolo un po '.

15
00:00:55,640 --> 00:00:59,560
Faremo in modo che questo film non sia lo stesso suono qui.

16
00:00:59,610 --> 00:01:02,370
Sì, è abbastanza divertente ma.

17
00:01:02,400 --> 00:01:06,190
Ma il motivo per cui lo stiamo facendo non è solo perché è un progetto divertente.

18
00:01:06,390 --> 00:01:11,870
Lo stiamo facendo perché dobbiamo usare le librerie qui e useremo due librerie e menzioniamo una che

19
00:01:11,880 --> 00:01:15,310
si chiama Paper genius e un'altra si chiama How they're genius.

20
00:01:15,720 --> 00:01:20,760
E voglio solo che tu veda come è il processo quando incorpori una libreria nel tuo codice.

21
00:01:20,760 --> 00:01:26,460
E ogni volta che scrivo curriculum, sia che si tratti di un corso serale o di un

22
00:01:26,460 --> 00:01:32,820
corso di sei mesi o di tre mesi o di un corso online, mi assicuro sempre che ci sia

23
00:01:32,850 --> 00:01:39,330
qualche progetto o qualche incarico che costringa gli studenti a fare un po 'di ricerca i moli di una

24
00:01:39,330 --> 00:01:42,810
biblioteca o capire come incorporare un codice esterno nella propria app.

25
00:01:42,810 --> 00:01:48,570
E di solito cerco di trasformarlo in qualcosa di divertente come un giocattolo o una fantastica

26
00:01:48,570 --> 00:01:49,210
demo interattiva.

27
00:01:49,320 --> 00:01:55,260
Quindi ho fatto cose con l'audio prima con le animazioni, ma anche con la webcam e il tracciamento del

28
00:01:55,260 --> 00:01:56,640
viso e della testa.

29
00:01:56,820 --> 00:02:01,050
Ci sono biblioteche che possono fare praticamente qualsiasi cosa ora con il browser è davvero impressionante.

30
00:02:01,440 --> 00:02:03,750
Questo però è davvero divertente.

31
00:02:03,990 --> 00:02:10,380
Di nuovo, stiamo prendendo due librerie Paperchase e come lurgy mentre usiamo paperchase per dare una mano con la grafica

32
00:02:10,380 --> 00:02:11,490
e le animazioni.

33
00:02:11,790 --> 00:02:15,330
Quindi hanno alcuni esempi davvero divertenti.

34
00:02:15,480 --> 00:02:23,490
Se si fa clic su Showcase effettivamente e su carta Jasc dot showcase, vengono mostrati alcuni casi di utilizzo reali in cui le persone

35
00:02:23,490 --> 00:02:27,110
hanno utilizzato la carta solo nella natura di esempi ben definiti.

36
00:02:27,270 --> 00:02:32,930
Ci sono alcuni giocattoli divertenti che adoro questo qui probabilmente può giocare con questo per ore.

37
00:02:33,060 --> 00:02:36,910
Qualcosa mi sta rilassando molto.

38
00:02:37,260 --> 00:02:40,360
Quindi cose divertenti che possiamo fare con paperchase.

39
00:02:40,470 --> 00:02:48,210
Ancora una volta qualsiasi cosa che Paperchase può fare da sola senza Paperchase ma è molto lavoro.

40
00:02:48,360 --> 00:02:50,460
Quindi ti mostrerò cosa intendo.

41
00:02:50,460 --> 00:02:51,680
Il codice qui.

42
00:02:51,690 --> 00:02:57,990
Quindi premo un tasto in questo caso la lettera P per fare quel cerchio e per ridurlo in

43
00:02:57,990 --> 00:03:01,830
quel modo per fare quell'animazione e anche notarlo cambia leggermente colore.

44
00:03:02,040 --> 00:03:05,970
Non so se riesci a vederlo ma passa dal viola al blu al viola.

45
00:03:06,060 --> 00:03:09,870
O se ne faccio un altro questo va dal giallo al verde.

46
00:03:10,200 --> 00:03:16,890
Quella animazione e quella transizione senza carta J us potrebbero essere 50 linee.

47
00:03:17,040 --> 00:03:19,920
Forse potremmo cavarcela con circa 20 linee di carta.

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

49
00:03:20,280 --> 00:03:21,550
Sono meno di cinque.

50
00:03:21,690 --> 00:03:23,240
È davvero molto semplice

51
00:03:23,250 --> 00:03:26,960
La stessa cosa con Hausler, così urlante ci aiuta a suonare l'audio.

52
00:03:27,120 --> 00:03:33,030
Possiamo fare tutto questo senza tuttavia come possiamo fare tutto ciò che fa J e tutto ciò che

53
00:03:33,030 --> 00:03:37,940
fa e possiamo cavarcela senza j queery significa solo che spesso dobbiamo scrivere più codice.

54
00:03:38,070 --> 00:03:43,230
Quindi questo suona un suono Ecco un esempio faremo qualcosa di molto simile a questo in

55
00:03:43,230 --> 00:03:48,090
cui suoneremo un suono solo quando premi un tasto e ogni tasto ha il suo

56
00:03:48,700 --> 00:03:57,070
suono unico quindi sto premendo il qq suona sempre quel rumore ed è sempre quella transizione di colore blu chiaro a un blu più scuro.

57
00:03:57,120 --> 00:04:02,520
Un'ultima nota è che i cerchi sono in una risposta casuale in una posizione casuale ogni volta che si

58
00:04:02,520 --> 00:04:03,390
preme quel tasto.

59
00:04:03,510 --> 00:04:09,300
Quindi la posizione non è impostata non corrisponde alla chiave solo il colore e il suono che viene riprodotto.

60
00:04:10,180 --> 00:04:11,430
Ok, bene.

61
00:04:11,430 --> 00:04:13,560
Quindi nel prossimo video inizieremo.

62
00:04:13,560 --> 00:04:18,580
Una cosa che voglio sottolineare prima di iniziare è che tutti questi suoni

63
00:04:19,080 --> 00:04:21,670
che senti li suonano tutti davvero.

64
00:04:23,630 --> 00:04:26,940
Sì, alcuni suoni davvero belli.

65
00:04:27,060 --> 00:04:29,560
In realtà possiamo usarli insieme in questo progetto.

66
00:04:29,970 --> 00:04:31,600
Li ho inclusi come download.

67
00:04:31,770 --> 00:04:36,660
Ti mostrerò qui se scarichi il file zip audio.

68
00:04:36,690 --> 00:04:37,740
Ci sono un sacco di suoni.

69
00:04:37,740 --> 00:04:40,260
Venti cose suona in quel file.

70
00:04:40,290 --> 00:04:44,550
Quindi ci sono alcuni suoni davvero carini lì e in realtà possiamo usare tutti questi.

71
00:04:44,580 --> 00:04:46,970
Provengono da un progetto open source e dal ghetto.

72
00:04:47,310 --> 00:04:52,270
In realtà è ciò che usa patta tap o che cos'è il tap Pedda.

73
00:04:52,590 --> 00:04:54,680
È questa sincronia neuronale a prenderla.

74
00:04:54,690 --> 00:04:58,900
Quindi ha delle animazioni se vuoi guardare quelle animazioni che non faremo.

75
00:04:58,970 --> 00:05:02,410
Quindi molto più complesso ma ha anche tutti i suoni.

76
00:05:02,640 --> 00:05:08,730
Quindi quello che ho fatto è che ho appena preso il suono da questa cartella qui tutti questi suoni e li

77
00:05:08,730 --> 00:05:09,570
ho zippati insieme.

78
00:05:09,570 --> 00:05:14,330
Ce ne sono molti di più se vuoi scegliere diversi suoni che puoi ottenere per

79
00:05:14,760 --> 00:05:19,160
non averlo scaricato, ma mi piacciono i suoni che si trovano in quella cartella.

80
00:05:19,330 --> 00:05:21,750
Indica anche la licenza qui.

81
00:05:21,750 --> 00:05:25,030
Possiamo usare la licenza MIT, dai un'occhiata se vuoi.

82
00:05:25,320 --> 00:05:29,790
Suono davvero bello quindi non sono sicuro di chi li ha creati se il creatore li ha fatti.

83
00:05:29,790 --> 00:05:33,690
Ma ci sono alcuni suoni veramente buoni che useremo e sono identici a quelli che usa

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

85
00:05:34,410 --> 00:05:35,620
Quindi scarica quelli.

86
00:05:35,640 --> 00:05:38,600
Sembra che sia solo una directory con un sacco di suoni.

87
00:05:38,640 --> 00:05:40,860
E lo useremo nelle prossime lezioni.

88
00:05:41,160 --> 00:05:46,970
video e ti lascerò qui gli ultimi secondi e creerò qualcosa su questo CD.

89
00:05:46,990 --> 00:05:50,010
Quindi andiamo avanti e iniziamo nel prossimo