1
00:00:00,510 --> 00:00:01,740
Hoor ze welkom terug.

2
00:00:02,070 --> 00:00:06,180
Dus in dit apparaat maken we waarschijnlijk mijn favoriete ding ooit.

3
00:00:06,180 --> 00:00:08,630
Het is deze eenvoudige maar leuk speeltje.

4
00:00:09,120 --> 00:00:15,170
Met behulp van animatie en een animatie bibliotheek sommige grafische sommige audio en audio-bibliotheek.

5
00:00:15,270 --> 00:00:30,700
En we gaan naar een eenvoudige simpele kloon van dat pad een kraan app maken dat ik vroeg waar u op uw toetsenbord en elke toets overeen kunnen raken om een ​​geluid dat wordt gespeeld en een beetje animatie liet zien en zijn gewoon gaan wees eenvoudig.

6
00:00:30,720 --> 00:00:32,390
We gaan niet om een ​​bos van verschillende animaties te hebben.

7
00:00:32,400 --> 00:00:33,700
Ik zal je laten zien hoe het eruit ziet.

8
00:00:33,840 --> 00:00:35,690
Elke toets heeft zijn eigen geluid.

9
00:00:35,850 --> 00:00:43,710
En toen raakte ik die sleutel het geluid wordt afgespeeld en krijgen we een gekleurde cirkel door iedere toets heeft zijn eigen kleur en vervolgens de cirkels animeren.

10
00:00:43,710 --> 00:00:44,900
Zij komen in principe krimpen.

11
00:00:44,910 --> 00:00:54,990
Dus ik zal je laten zien wat ik bedoel en zet hem een ​​beetje.

12
00:00:55,640 --> 00:00:59,560
We gaan maken van deze film is niet hetzelfde geluid hier.

13
00:00:59,610 --> 00:01:02,370
Ja, het is best leuk maar.

14
00:01:02,400 --> 00:01:06,190
Maar de reden dat we dit nu doen is niet alleen omdat het een leuk project.

15
00:01:06,390 --> 00:01:15,310
We doen het omdat we moeten bibliotheken hier te gebruiken en we gaan twee bibliotheken gebruiken en vermeld wordt genoemd Paper genie en een ander wordt genoemd Hoe ze zijn genie.

16
00:01:15,720 --> 00:01:20,760
En ik wil gewoon dat je om te zien wat het proces is net als wanneer je een bibliotheek op te nemen in uw code.

17
00:01:20,760 --> 00:01:42,810
En wanneer ik aan het schrijven ben curriculum of het nu voor een avond cursus of een zes maanden of drie maanden durende cursus of een online cursus maak ik er altijd voor dat er wat er is een aantal project of een opdracht die de studenten dwingt om een ​​beetje van het graven in te doen de dokken van een bibliotheek of het uitzoeken hoe een aantal externe code te integreren in hun eigen app.

18
00:01:42,810 --> 00:01:49,210
En ik meestal probeer en maken het in iets dat is een soort van plezier soort van een stuk speelgoed misschien of een koel interactieve demo.

19
00:01:49,320 --> 00:01:56,640
Zo heb ik dingen gedaan met audio voordat met animaties maar ook met de webcam en face tracking en head tracking.

20
00:01:56,820 --> 00:02:01,420
Er zijn bibliotheken die vrijwel alles nu kunnen doen met de browser het is het is echt indrukwekkend.

21
00:02:01,440 --> 00:02:03,750
Deze is echter echt leuk.

22
00:02:03,990 --> 00:02:11,490
Opnieuw nemen we twee bibliotheken Paperchase en hoe lurgy als we gebruiken paperchase om te helpen met graphics en animaties.

23
00:02:11,790 --> 00:02:15,330
Dus ze hebben een aantal echt heel leuke voorbeelden.

24
00:02:15,480 --> 00:02:27,110
Als u klikt op Showcase daadwerkelijk en op papier Jasc dot showcase ze je laten zien wat echte use cases waar mensen papier hebt gebruikt net in de wildernis van duidelijke grens voorbeelden.

25
00:02:27,270 --> 00:02:32,930
Er is een aantal leuke speeltjes Ik hou van deze ene hier kan waarschijnlijk spelen met deze uren.

26
00:02:33,060 --> 00:02:36,910
Iets is gewoon heel ontspannen over dit voor mij.

27
00:02:37,260 --> 00:02:40,360
Dus leuke dingen die we kunnen doen met Paperchase.

28
00:02:40,470 --> 00:02:48,210
Wederom iets dat Paperchase doet wat we kunnen doen op onze eigen, zonder Paperchase, maar het is een hoop werk.

29
00:02:48,360 --> 00:02:50,460
Dus ik zal je laten zien wat ik bedoel.

30
00:02:50,460 --> 00:02:51,680
De code hier.

31
00:02:51,690 --> 00:03:01,830
Dus ik raakte een sleutel in dit geval de letter P om die cirkel te maken en om het te krimpen als dat om die animatie te doen en ook opmerken dat van kleur verandert een beetje.

32
00:03:02,040 --> 00:03:05,970
Ik weet niet of je dat kunt zien, maar het gaat van paars of blauw naar beneden tot paars.

33
00:03:06,060 --> 00:03:09,870
Of als ik een ander dit gaat van geel naar beneden naar groen.

34
00:03:10,200 --> 00:03:16,890
Die animatie en dat de overgang zonder papieren J ons misschien wel 50 regels.

35
00:03:17,040 --> 00:03:19,920
Misschien kunnen we krijgen door met 20 of zo lijnen met papier.

36
00:03:19,950 --> 00:03:20,280
Ja.

37
00:03:20,280 --> 00:03:21,550
Het is minder dan vijf.

38
00:03:21,690 --> 00:03:23,240
Het is echt heel eenvoudig.

39
00:03:23,250 --> 00:03:26,960
Hetzelfde met Hausler dus Howler helpt ons audio af te spelen.

40
00:03:27,120 --> 00:03:37,940
We kunnen dit allemaal doen zonder echter net als wij allemaal J queery alles wat het doet kan doen en we kunnen krijgen door zonder j queery het gewoon vaak betekent dat we meer moeten code te schrijven.

41
00:03:38,070 --> 00:03:57,070
Dus dit speelt een geluid Hier is een voorbeeld gaan we iets vergelijkbaars als dit waar we gaan gewoon naar een geluid af te spelen als u een toets geraakt en elke toets heeft zijn eigen unieke sound, dus ik ben het raken van qq altijd speelt doen dat lawaai en het altijd is dat de lichtblauwe kleur overgang naar een donkerder blauw.

42
00:03:57,120 --> 00:04:03,390
Een laatste opmerking is dat de cirkels in een willekeurige reageren op een willekeurige locatie elke keer dat u op die toets.

43
00:04:03,510 --> 00:04:09,710
Dus de locatie is onbekend niet overeenkomt met de sleutel alleen de kleur en het geluid dat wordt gespeeld.

44
00:04:10,180 --> 00:04:11,430
Oke geweldig.

45
00:04:11,430 --> 00:04:13,560
Dus in de volgende video zullen we aan de slag.

46
00:04:13,560 --> 00:04:21,670
Een ding dat ik wil wijzen voordat we de slag te gaan, is dat al deze geluid dat je hoort te spelen ze allemaal echt.

47
00:04:23,630 --> 00:04:26,940
Ja sommige echt leuke geluiden.

48
00:04:27,060 --> 00:04:29,560
We kunnen eigenlijk ze samen in dit project.

49
00:04:29,970 --> 00:04:31,600
Ik heb ze opgenomen als een download.

50
00:04:31,770 --> 00:04:36,660
Ik zal je hier laten zien als je het geluid zip-bestand te downloaden.

51
00:04:36,690 --> 00:04:37,740
Er is een heleboel geluiden.

52
00:04:37,740 --> 00:04:40,260
Twintig iets geluiden in dat bestand.

53
00:04:40,290 --> 00:04:44,550
Dus er is een aantal echt leuke geluiden en we kunnen eigenlijk al die gebruiken.

54
00:04:44,580 --> 00:04:46,970
Ze zijn van een open source project en getto.

55
00:04:47,310 --> 00:04:52,270
Het is eigenlijk wat Patta kraan gebruikt of wat Pedda tik eigenlijk is.

56
00:04:52,590 --> 00:04:54,680
Het is deze neuronale synchroon op je haar.

57
00:04:54,690 --> 00:04:58,900
Dus het heeft animaties als je wilt kijken naar die animaties die we niet gaan doen.

58
00:04:58,970 --> 00:05:02,410
Dus veel moeilijker, maar het heeft ook de geluiden.

59
00:05:02,640 --> 00:05:09,570
Dus wat ik heb is dat ik nam alleen het geluid van deze map hier al deze geluiden en ik ritste ze samen.

60
00:05:09,570 --> 00:05:19,160
Er zijn veel meer als je wilt om anders te kiezen geluiden die je kunt gaan te krijgen heb dit niet downloaden, maar ik hou van de geluiden die in een map.

61
00:05:19,330 --> 00:05:21,750
Ook wijzen op de licentie hier.

62
00:05:21,750 --> 00:05:25,030
We kunnen het gebruiken MIT licentie te nemen een kijkje op het als je wilt.

63
00:05:25,320 --> 00:05:29,790
Echt mooi geluid, dus ik ben niet zeker wie ze gemaakt als de maker ze hier gemaakt.

64
00:05:29,790 --> 00:05:34,250
Maar er is een aantal echt heel goed geluiden die we zullen gebruiken en ze zijn identiek aan wat Patta kraan gebruikt.

65
00:05:34,410 --> 00:05:35,620
Dus download deze.

66
00:05:35,640 --> 00:05:38,600
Het lijkt erop dat dit gewoon een map met een bos van geluiden.

67
00:05:38,640 --> 00:05:40,860
En we zullen gebruiken dat in de komende paar lessen.

68
00:05:41,160 --> 00:06:03,370
Dus we gaan je gang en aan de slag in de volgende video en ik zal gewoon laten u de laatste paar seconden hier en iets op deze cd te maken.