Ajër - kitarë ajrore e vërtetë celulare (prototip): 7 hapa (me fotografi)

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:10

Mirë pra, Kjo do të jetë një udhëzim vërtet i shkurtër për pjesën e parë të afrimit përfundimisht me një ëndërr të fëmijërisë sime.

Kur isha një djalë i ri, unë gjithmonë shikoja artistët dhe grupet e mia të preferuara duke luajtur kitarë në mënyrë të papërlyer.

Ndërsa u rrita, isha mjaft mirënjohës për të mësuar se si të luaja një kitarë dhe madje të luaja disa në pronësi të të tjerëve, por ende nuk kam timen:(Kështu vendosa që më në fund të ulem dhe të bëj një që funksionon plotësisht në telefon, përdor vizionin e kompjuterit dhe i lejon njerëzit si unë që duan një kitarë, por që mund të udhëtojnë, të prishur ose shumë të rinj për të marrë një akoma!

Aplikacionin prototip mund ta gjeni në këtë faqe interneti

Për të parë se si të luani, shkoni te Hapi "Je Done".

* Sigurohuni që ta përdorni në telefonin tuaj dhe kthejeni ekranin anash në modalitetin e peizazhit *

Shijoni!

(ﾉ ◕ ◕) ﾉ *: ･ ﾟ ✧ ･ *: *ヽ (◕ ヮ ヽ ヽ)

Furnizimet:

1. Telefoni i zgjuar

2. Kompjuter Desktop ose Laptop (Për Programim)

Hapi 1: Sfondi dhe Shënim mbi Kodin

Ky Projekt është kryesisht një projekt i koduar që synon të funksionojë tërësisht në telefon.

Duke dalë me këtë projekt, unë provova aplikacione të ndryshme të tjera dhe kërkova pajisje të tjera aktualisht në treg si kitara AirJamz ose Kurv, kitara portative ose edhe aplikacioni Real Guitar në dyqanin e lojërave.

Problemet që munguan në shumë prej tyre ishin:

1. Disa kishin nevojë për pajisje të jashtme

2. Pothuajse të gjitha aplikacionet nuk ju lejuan të luani akorde ose muzikë aktuale dhe ishin thjesht simulues të bordit të shqetësuar

3. Pajisjet e jashtme ishin mjaft të shtrenjta dhe shumë kitaristë rekomanduan vetëm blerjen e një kitare të vërtetë

Këto janë paraqitur në imazhet shoqëruese.

Dhe kështu aplikacioni Air duhet t'i zgjidhë këto probleme ndërsa është plotësisht në gjendje të funksionojë në telefon. Unë besoj se kjo është e mundur sepse në vitin 2020 kemi teknologji shumë më të mirë të shfletuesit celular dhe shumë përmirësime në vizionin kompjuterik që mund të na lejojnë të bëjmë mrekulli me një aparat të vetëm RGB.

Kështu që unë vazhdova të bëja disa skica se si do të dukej dhe si do të funksiononte para se të filloja plotësisht.

Unë gjithashtu nxora piketat e mia të kodimit, kështu që në këtë udhëzues, në vend që t'ju mërzit me kodin, unë do t'ju përcjell përmes procesit tim të projektimit dhe do t'i bashkëngjis kodin e shënuar në fund që ju të lexoni dhe shikoni nëse keni nevojë.

I gjithë kodi mund të gjendet në https://github.com/msimbao/air dhe unë rekomandoj strukturimin e skedarëve tuaj të kodit të ngjashëm me këtë.

Gjithashtu vini re se që aplikacioni të funksionojë, duhet të jetë i pritur. Deri më tani e kam gjetur vetëm të funksionojë kur hostohet në github.:)

Hapi 2: Veprimi Strumming

Hapi i parë i madh i kodimit, ishte gjetja e një mënyre për të përsëritur një strumbulli dixhital pa ndonjë periferi të jashtme. Mendimi im i menjëhershëm ishte të përdor kamerën e përparme RGB të telefonit tim.

Mendimi im ishte se nëse një person ka një akord që ai dëshiron të luajë, atëherë kur të rrëshqasë dorën para kamerës së tij, do të luhet një tingull.

Pasi e kuptova këtë, më duhej një gjuhë e mirë programimi që mund të përdorej për t'u ndërlidhur mirë me kamerën RGB.

U pajtova për Javascript sepse mund të bëja një aplikacion ndër-platformë me React Native ose diçka tjetër ose thjesht mund të mbaja kitarën në një faqe në internet dhe mund të ishte e disponueshme për të gjithë.

Më pas gjeta mënyra të ndryshme për të kuptuar se si të rrëshqisni dorën për të shkaktuar një veprim që mund të jetë një tingull akordi, por kishte shumë mënyra për ta bërë këtë.

Mësimi i makinerisë funksionoi shumë mirë kur provova shërbimet e IBM dhe trajnova rreth 3000 imazhe gjatë një jave për njohjen e shpullës, si dhe njohjen e akordit. Unë gjithashtu provova handtrack.js nga victordibia. Për fat të keq ata të dy ishin jashtëzakonisht të ngadalshëm në telefonat celularë.

Më pas hasa në zbulimin e lëvizjes dhe një zbatim nga lonekorean në diffcam.com. Mësova se është e mundur të përdorni kamerën në internet për të regjistruar dy korniza të veçanta dhe më pas të llogarisni ndryshimin midis kornizave dhe t'i jepni diferencës një rezultat. Nëse ai rezultat tejkalon një prag të caktuar, atëherë unë ekzekutoj një veprim.

I vetmuari gjithashtu bëri një motor për kamerën e tij të ndryshme që vendosa ta përdor për kitaren Air dhe funksionoi në mënyrë perfekte për të më dhënë rezultatin e lëvizjes!

Të bashkangjitura janë fotografi të përpjekjeve për trajnimin e modeleve të mësimit të makinerisë, si dhe shembullin diffcam.com nga i cili mësova.

Shënim: Në këtë prototip aktual, zhurma përsëritet pa pushim, për ta ndaluar atë, thjesht mbani akordin që dëshironi të luani poshtë poshtë. Ky është një gabim që shpresojmë ta rregullojmë përpara.

Kodi për strumën e plotë gjendet në skedarin script.js të bashkangjitur këtu dhe motori diffcam nga lonekorean është këtu.

Hapi 3: Njohja e Akordit

Hapi tjetër i kodimit ishte atëherë gjetja e një mënyre për të trajtuar drejtpërdrejt njohjen e akordeve.

Doja që një përdorues të ishte në gjendje të përsëriste format aktuale të akordeve dhe kështu të praktikonte vendosjen e mirë të duarve dhe gjithashtu t'i ndihmonte ata të praktikonin akorde të ndryshme.

Ashtu si në hapin e fundit, unë provova Mësimin e Makinerisë për njohjen e akordeve, por ishte shumë i ngadalshëm në telefonat celularë.

Më pas mësova diçka nga aplikacioni Real Guitar që mund të jetë e mundur të vendosni një tabelë në ekranin e telefonit duke përdorur ekranin për të gjeneruar forma të akordit.

Më duhej të mësoja se si të lejoja ndërveprimin me shumë prekje në javascript dhe gjeta një udhëzues dhe shembull të mrekullueshëm nga dokumentet e Mozilla-s

Ndërveprimet e prekjes mund të jenë të ndërlikuara veçanërisht në Javascript, por ideja është se ne mund të krijojmë ndarje të caktuara dhe më pas të përcaktojmë funksione për të trajtuar ngjarje të ndryshme prekëse:

1. touchStart: Kur një gisht prek ekranin

2. prekEnd: Kur gishti largohet

3. touchMove: Kur gishti është ende në ekran, por ndryshon pozicion

Ne pastaj punojmë rreth atyre funksioneve për të përcaktuar elementët tanë që i përgjigjen ngjarjeve dhe kombinimeve të ndryshme të prekjes.

Në rastin tonë, ne hartojmë një tabelë fret duke përdorur CSS dhe më pas duke përdorur Javascript, i themi aplikacionit që kur disa div -të shtypen së bashku, një akord duhet të njihet.

Ne pastaj mund të përcaktojmë një objekt audio ku do t'i kalojmë akordin dhe pastaj ta luajmë atë audio kur të ndodhë një ngjarje rrëshqitëse.

Për të përcaktuar kombinime të ndryshme të akordeve, unë bëra tabelën e furrës duke përdorur këtë imazh dhe pastaj vendosa çdo pozicion të veçantë të jetë një div që mund të prek dhe kombinoj me të tjerët.

Kodi për të përcaktuar përparimin e akordit gjendet këtu dhe kontrolluesi i fretboard -it gjendet në kodin e bashkangjitur.

Hapi 4: Gjetja e tingujve të akordit

Tani që sistemi ynë është vendosur të njohë, ne kemi nevojë për disa tinguj akordi aktual.

Fatmirësisht, freesound.com më vjen gjithmonë në ndihmë kur kam nevojë për mostra audio. Unë thjesht kërkova akorde dhe gjeta një paketë të mahnitshme akordesh kryesore nga danglada.

Më pas i shkarkova dhe i redaktova duke përdorur guxim për t'u siguruar që tingulli të fillonte menjëherë dhe jo një pauzë e shkurtër në fillim të shumicës së tyre kur regjistroheshin.

Për t'i kapur ato duke përdorur guximin, thjesht i tërhoqa në aplikacion dhe më pas zgjodha pjesën e zërit që dua (e gjithë pjesa me onde dhe asnjë nga seksionet e vijës së sheshtë që nuk kanë zë). Unë pastaj shkoj në skedën Ndrysho> Hiq të Veçantën> Shkurto audion. Pastaj arrita në skedën "Gjurmët"> Align Tracks> Start to Zero. Unë pastaj shkoj në skedar, pastaj Eksport> Eksport si WAV.

Eksportoj si WAV sepse e kam pasur më të lehtë të merrem me projekte audio Javascript.

Unë atëherë përdor glitch.com për të pritur këto skedarë sepse ato kanë një rrjet të mahnitshëm të shpërndarjes së përmbajtjes që mund të përdoret për projekte të ndryshme që keni. Një opsion tjetër mund të jetë përdorimi i bazës së zjarrit e cila është ideja ime për projekte të ndryshme që mund të kenë më shumë informacion për të ruajtur si aplikacioni i inventarit të krijuesit për hapësirën krijuese të kolegjit tim.

Thjesht duhet të tërhiqni dhe lëshoni asetet në drejtorinë e projektit dhe më pas mund të gjeni një lidhje kur klikoni në dosjen e aseteve dhe klikoni në aktivin që dëshironi të merrni. Glitch më pas do të prodhojë një url unik CDN për aktivin tuaj. Për shembull, këtu është lidhja me tingullin A major Chord.

Unë pastaj mund t'i lidh të gjitha këto akorde së bashku në një funksion getChord që do të kërkojë kur është shtypur një kombinim specifik i pozicioneve të fret dhe pastaj caktoj një akord të përshtatshëm për aplikacionin që të luajë kur të ndodhë një ngjarje e rrëshqitjes së dorës.

Hapi 5: Përfundimi dhe mbajtja e të gjithë aplikacionit

Ka shumë mënyra për të shkuar në lidhje me pritjen.

Sinqerisht më e mira që kam gjetur është thjesht të përdor github. Kjo ndodh sepse nëse e keni programuar mirë një aplikacion, mund të bëni që të gjithë pjesën tuaj të pasme të shërbehet nga një bazë të dhënash ose zjarrfikës nga baza e zjarrit ose madje të përdorni një CDN nga glitch.com dhe vende të tjera për të ruajtur asetet.

Për të pritur projektin në github, gjithçka që duhet të bëni është të hapni një llogari github, të krijoni një depo të re. Pastaj për ta bërë më të lehtë konfigurimin, pasi të keni vënë emrin e projektit tuaj, gjithmonë sigurohuni që të shtoni një licencë (nuk jam ekspert, por kam gjetur se kjo ma bën jetën më të lehtë). Unë gjithmonë përdor vetëm një licencë publike si GNU.

Pasi të vendoset depoja, ne thjesht mund t'i tërheqim dhe lëshojmë skedarët tanë në depo dhe të klikojmë butonin e gjelbër të kryerjes në fund.

Ne pastaj shkojmë në skedën Cilësimet me ikonën e ingranazhit në anën e djathtë të faqes së depove nën butonat e yllit dhe të shikimit. Pasi të keni hyrë në cilësimet, lëvizni poshtë derisa të shihni kutinë e faqeve Github. Ndryshoni Burimin në degën kryesore dhe zgjidhni një temë nëse dëshironi. Ju mund të mësoni se si t'i përdorni temat duke i googluar (nuk i përdor kurrë sepse shpesh sjell idetë e mia CSS dhe temat).

Kur faqja të jetë gati, do të merrni një theks të gjelbër dhe shënoni që ju tregon se faqja juaj është botuar dhe mund të arrihet.

Hapi 6: U krye

Tani mund të shijoni një sesion të mrekullueshëm bllokimi në komoditetin e kufjeve tuaja, dhomës së gjumit ose në tren. Shtoni akorde të tjera nëse ju pëlqen dhe madje luani me pozicionet e fretës së kitarës.

Një shënim i shpejtë mbi zbulimin e lëvizjes

1. Pragu për një goditje goditëse me kitarë mund të rregullohet në skedarin script.js por sigurohuni që kur jeni duke përdorur aplikacionin, sfondi që sheh telefoni juaj të jetë relativisht i qetë.

2. Për shembull, në tren, është më mirë të uleni dhe të vendosni kufjet tuaja dhe ta ktheni telefonin tuaj brenda, në mënyrë që nëse udhëtarët lëvizin rreth jush, kamera e telefonit mund të shohë dorën tuaj duke lëvizur shumicën e kohës.

3. Dora që shtrëngon telefonin duhet të jetë relativisht e qetë në varësi të pragut tuaj. Unë mendoj se do të kryej disa teste me një prag të lartë dhe do të azhurnoj kufijtë që do të jenë më specifikë.

Te luaj:

Ngarkoni aplikacionin në shfletuesin tuaj të uebit, pastaj anojeni atë në modalitetin e peizazhit.

Pastaj kur tundni dorën, një akord do të luajë, megjithatë, do të vazhdojë të luajë derisa të prekni butonin F në këndin e poshtëm të djathtë.

Përndryshe, ju mund ta ndaloni tingullin duke bërë një kombinim akordi.

Kur bëni një kombinim akordi, tingulli aktual ndalon, atëherë zgjidhet një tingull i ri akordi.

Hapi 7: Gjërat e mësuara dhe Fjalët Përfundimtare

Më pëlqeu shumë të punoja në këtë projekt edhe nëse u desh shumë kohë për të prototipuar dhe prodhuar aplikacionin ndërsa punoja në projekte të tjera dhe punë në shtëpi. Mësova disa gjëra të mrekullueshme gjatë rrugës gjithashtu;

1. Kur dizajnoni produkte dixhitale, gjithmonë sigurohuni që t'i bëni prototipet tuaj sa më shpejt që të jetë e mundur sepse supozimet tuaja të para do të jenë të gabuara dhe ju duhet t'i tejkaloni ato shpejt për të arritur deri në fund.

2. Shmangni shpenzimin e parave për një projekt sa më shumë që të jetë e mundur. Përdorni gjithmonë gjithçka që mundeni dhe gjithmonë filloni me gjëra të thjeshta që keni në dorë.

3. Mos kini frikë të mësoni gjuhë, korniza dhe sisteme të reja. Ato janë shpesh më të lehta nga sa mendoni në fillim.

Dhe falenderime të mëdha për lonekoreanin që më bëri realitet ëndrrat e mia

Nëse do të jeni të interesuar se si zhvillohet aplikacioni, mund të bashkoheni në listën tonë të postimeve. Një ekip i vogël dhe unë do të punojmë për të bërë një version të plotë për të ndihmuar njerëzit që janë të prishur, udhëtues ose fëmijë të vegjël të kenë qasje në një kitarë të mrekullueshme portative kudo që të jenë.

Ne me të vërtetë do të donim ndonjë ndihmë veçanërisht nga stilistët grafikë, lojtarët e kitarës dhe koduesit për të testuar dhe mishëruar gjithçka.

Shijoni (ﾉ ◕ ◕ ◕) ﾉ *: ･ ✧ ･ *: *ヽ (◕ ヮ ◕ ヽ)