Hoor ze welkom terug.
Dus in dit apparaat maken we waarschijnlijk mijn favoriete ding ooit.
Het is deze eenvoudige maar leuk speeltje.
Met behulp van animatie en een animatie bibliotheek sommige grafische sommige audio en audio-bibliotheek.
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.
We gaan niet om een ​​bos van verschillende animaties te hebben.
Ik zal je laten zien hoe het eruit ziet.
Elke toets heeft zijn eigen geluid.
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.
Zij komen in principe krimpen.
Dus ik zal je laten zien wat ik bedoel en zet hem een ​​beetje.
We gaan maken van deze film is niet hetzelfde geluid hier.
Ja, het is best leuk maar.
Maar de reden dat we dit nu doen is niet alleen omdat het een leuk project.
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.
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.
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.
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.
Zo heb ik dingen gedaan met audio voordat met animaties maar ook met de webcam en face tracking en head tracking.
Er zijn bibliotheken die vrijwel alles nu kunnen doen met de browser het is het is echt indrukwekkend.
Deze is echter echt leuk.
Opnieuw nemen we twee bibliotheken Paperchase en hoe lurgy als we gebruiken paperchase om te helpen met graphics en animaties.
Dus ze hebben een aantal echt heel leuke voorbeelden.
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.
Er is een aantal leuke speeltjes Ik hou van deze ene hier kan waarschijnlijk spelen met deze uren.
Iets is gewoon heel ontspannen over dit voor mij.
Dus leuke dingen die we kunnen doen met Paperchase.
Wederom iets dat Paperchase doet wat we kunnen doen op onze eigen, zonder Paperchase, maar het is een hoop werk.
Dus ik zal je laten zien wat ik bedoel.
De code hier.
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.
Ik weet niet of je dat kunt zien, maar het gaat van paars of blauw naar beneden tot paars.
Of als ik een ander dit gaat van geel naar beneden naar groen.
Die animatie en dat de overgang zonder papieren J ons misschien wel 50 regels.
Misschien kunnen we krijgen door met 20 of zo lijnen met papier.
Ja.
Het is minder dan vijf.
Het is echt heel eenvoudig.
Hetzelfde met Hausler dus Howler helpt ons audio af te spelen.
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.
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.
Een laatste opmerking is dat de cirkels in een willekeurige reageren op een willekeurige locatie elke keer dat u op die toets.
Dus de locatie is onbekend niet overeenkomt met de sleutel alleen de kleur en het geluid dat wordt gespeeld.
Oke geweldig.
Dus in de volgende video zullen we aan de slag.
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.
Ja sommige echt leuke geluiden.
We kunnen eigenlijk ze samen in dit project.
Ik heb ze opgenomen als een download.
Ik zal je hier laten zien als je het geluid zip-bestand te downloaden.
Er is een heleboel geluiden.
Twintig iets geluiden in dat bestand.
Dus er is een aantal echt leuke geluiden en we kunnen eigenlijk al die gebruiken.
Ze zijn van een open source project en getto.
Het is eigenlijk wat Patta kraan gebruikt of wat Pedda tik eigenlijk is.
Het is deze neuronale synchroon op je haar.
Dus het heeft animaties als je wilt kijken naar die animaties die we niet gaan doen.
Dus veel moeilijker, maar het heeft ook de geluiden.
Dus wat ik heb is dat ik nam alleen het geluid van deze map hier al deze geluiden en ik ritste ze samen.
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.
Ook wijzen op de licentie hier.
We kunnen het gebruiken MIT licentie te nemen een kijkje op het als je wilt.
Echt mooi geluid, dus ik ben niet zeker wie ze gemaakt als de maker ze hier gemaakt.
Maar er is een aantal echt heel goed geluiden die we zullen gebruiken en ze zijn identiek aan wat Patta kraan gebruikt.
Dus download deze.
Het lijkt erop dat dit gewoon een map met een bos van geluiden.
En we zullen gebruiken dat in de komende paar lessen.
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.