Mini-Multitouch-koppelvlak: 8 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:28

Hierdie instruksie wys hoe u 'n mini-multitouch-koppelvlak kan skep uit eenvoudige onderdele wat u aanlyn kan bestel of by 'n tipiese konstruksie-/hardewarewinkel kan koop. Multitouch -koppelvlakke is oppervlaktes wat verskeie 'raakpunte' op dieselfde tyd kan registreer, wat beteken dat gebruikers natuurlike handbewegings kan gebruik om digitale voorwerpe te manipuleer. Die meeste multitouch -stelsels projekteer ook die skermbeeld op die aanraakoppervlak, wat interaksie meer intuïtief maak. Aangesien groot multitouch-stelsels duur is om te bou, leer hierdie instruksies u hoe u 'n eenvoudiger en kleiner multitouch-stelsel vir $ 50-150 kan bou met maklik te vind onderdele. 'N Mini-multitouch. Mini-Multitouch werk volgens dieselfde beginsels as groter stelsels, en is handig vir allerhande hack-ish of art-ish gebruike (dink vingerverf, musiek-by-touch, of ander gebare-gebaseerde interaksies). Hierdie instruksies word ingedien as deel van die "Win a Laser Cutter" -kompetisie namens Make: Philly, in die hoop dat ons moontlik die skepping van ons nuwe gemeenskapswerkruimte kan begin met die bekendstelling van 'n blink nuwe lasersnyer:) Geniet! Moeilikheidsgraad: Intermediêr (of onverskrokke beginner). Vereis basiese kennis van soldeer, gebruik van ystersaag en mes, sagteware -installasie en die volgende sagteware -tutoriale. As u vertroud is met hierdie onderwerpe en die bereidwilligheid om te leer, sal u hierdie Instructable! Build Time: 8-10 uur vir 'n deskundige in bogenoemde onderwerpe deurbring; 16-20 uur vir beginner/intermediêr.

Stap 1: Onderdele en voorbereiding

Stap een: kry u onderdele! Hieronder vind u aanbevelings oor waar u items uit die materiaallys kan koop. Gereedskap: haksaagmoordvrye boor- en boorpunte soldeerbout T -Square Materials: Webcam (Phillips SP900 Aanbeveel) - Beskikbaar vir aankoop op die internet Windows PC (sorry Atari, die vvvv -gereedskapstel) is slegs vir Windows.) 4.3 x 4.3 mm Infrarooi (ook bekend as nightvision) lens - Beskikbaar op die internet Infrarooi LED's (aanbeveel SFH485) - beskikbaar by digikey. stokperdjie-/kunsvlytwinkels Vinnige, vinnige omgewing (enige handelsmerk en kry dit in 'n kwas op bottel) - Beskikbaar by die meeste stokperdjie-/handwerkwinkels Skuurpapier, 400 grit en 800 grit - Beskikbaar by hardewarewinkel Graspoets - Beskikbaar by hardewarewinkel 8 x 10 vel van Lexan standaard dikte (0,85) - Beskikbaar by hardewarewinkel 8ft strook "Tile Divider" - Beskikbaar by hardewarewinkel 'n Kartondoos, minstens 1,5 voet hoog aan die een kant (ons het 1,5 'x 1' x 1 'gebruik) - Beskikbaar by hardeware winkel (of net lê rond!) Klein stukkies draad. As daar nie 'n draad is nie, kry 'n klein spoel van 20 of 22 meter draad, in rooi en swart.- Beskikbaar by die meeste elektronika-/stokperdjiewinkels

Stap 2: Berei die webkamera voor om infrarooi lig op te spoor

Hierdie stap beskryf die opstelling van die webkamera wat gebruik word om die blikke infrarooi lig op te neem wanneer u aan die raakvlak raak. Hierdie mini-multitouch-skerm is afhanklik van vier LED-ligte om lig te laat skyn in 'n vel Lexan, waar dit sal rondspring sonder om te ontsnap, as gevolg van die brekingsindeks. Dit word Total Internal Reflection genoem. As druk (soos die van 'n vinger) op die Lexan uitgeoefen word, druk dit 'n bietjie saam, verander die brekingsindeks en laat die lig ontsnap. Die plekke waar die lig ontsnap, sal slegs wees waar die oppervlak saamgepers word, wat mooi gloeiende kolle maak waar iets op die Lexan druk. Dit is waar die webcam inkom! U kan die blobs met 'n webkamera kyk en dit met spesiale sagteware as invoer op u rekenaar gebruik, soos 'n muis of 'n sleutelbord. webcam moet aangepas word om in die infrarooi reeks te sien. Dit word maklik gedoen deur u bestaande webkameralens te verruil vir een wat infrarooi lig kan sien. U kan u bestaande webkameralens omruil vir 'n 'nagvisie' -lens, en u is gereed. As u die aanbevole SPC900NC gebruik, kan u enige IR -lens van 4,3 mm x 4,3 mm CCTV -kamera gebruik. Probeer om e-bay of 'n plaaslike sekuriteitskamerawinkel te soek. Voordat u die bestaande lens op u webkamera verwyder, moet u die webkamsagteware op u rekenaar installeer en die webkamera toets om seker te maak dat die kamera werk. Let wel: dit is van kritieke belang om dit te doen VOOR u u waarborg ongeldig maak deur dit oop te maak en die lens te verander! Nadat u 'n paar foto's suksesvol geneem het en seker gemaak het dat die webkamera goed werk, is u gereed om die lens om te skakel. Om die lens op die SPC900 -kamera (of ander vergelykbare kameras) te vervang, moet u eers die ring om die lens met 'n skroewedraaier. Sodra die ring weg is, is dit maklik om die gewone lens te vervang deur 'n 'toesig' -lens deur die lens versigtig (maar stewig) los te skroef. Die ring is net vir voorkoms, sodat u dit weer kan aantrek of laat los. I Nadat u die lens omgeruil het, kyk na die webkamera om seker te maak dat dit steeds werk met die webkamera -sagteware. Miskien moet u ook die fokus van die nuwe lens aanpas. Die beelde wat u van die webkamera terugkry, lyk nie soos met 'n gewone lens nie, dit beteken slegs dat dit werk soos verwag is. As die kamera uiteindelik 'n ingeboude lig het om te skyn oor wat dit verfilm, bedek dan die lig met 'n paar kleeflint om dit te blokkeer. As u dit nie doen nie, sal dit 'n bietjie 'geraas' byvoeg, en u skerm sal 'spook' -raakpunte hê.

Stap 3: Bou die raakvlak -raam

Hierdie stap dek die bou van die raam wat die Lexan sal huisves, asook die voorbereiding wat nodig is om die LED -ligte in die raam te monteer.

Die beste materiaal wat ek vir die raam gevind het, is 'Tile Divider', wat in stroke van 6 tot 8 voet kom en in die vormgedeelte van die meeste huisherstelwinkels gekoop kan word. Sien die onderstaande beelde vir 'n visuele beskrywing (eerder as om dit hier te verduidelik!). Die raam pas baie goed by die Lexan, sodat u die Tile Divider presies in grootte kan sny: sny twee stroke van 8 duim en twee stroke van 10 duim. Sodra die stroke gesny is, moet u 'n T-vierkant gebruik om die punte van die kort stroke te sny sodat dit in 'n hoek van 45% na binne kan skuins val. Dit sal hulle netjies en styf as 'n raam om die Lexan laat pas. U monteer die vier LED-ligte aan die een kant van die 8-duim-raam. Hulle moet gemonteer word sodat hulle die Lexan deur gate in die strook raak en eweredig langs die rand versprei. Dit is belangrik om die gate naby die bokant van die strook te plaas, soos hieronder getoon, sodat die lig slegs in die rand van die Lexan skyn, en NIE op die kamera hieronder nie. Merk die liggings van die vier gate op ongeveer 1-duim, 3-duim, 5-duim en 7-duim langs die rand van 'n 8-duim-teëlverdelerstrook. Omdat die teëlverdeler van sagte plastiek gemaak is, moet u die gate in verskillende inkrementele groottes boor om te voorkom dat dit te veel buig of buig. Boor eers 'n klein gaatjie (1/16 ") en boor dan 'n bietjie groter (9/64"). Boor laastens 'n 3/16 "gat, wat die ideale grootte is om deur die LED's te pas.

Stap 4: Berei die Lexan Touchsurface voor

Hierdie stap dek die skuur en poleer van die Lexan -aanraakoppervlak, vir maksimum ligverspreiding.

Om die meeste lig op die raakvlak te kry, moet een van die 8-duim-rande van die Lexan-aanraakoppervlak baie glad gemaak word (dit is waar die LED's met die aanraakoppervlak in aanraking sal kom). Ideaal gesproke gebruik u drie materiale: 400 skuurpapier, 800 grint skuurpapier en koperpolitoer. As u nie koperpolitoer beskikbaar het nie, kan u slegs die skuurpapier van 400 en 800 grint gebruik, maar die resultate sal minder as skouspelagtig wees. Vou 'n stuk skuurpapier van 400 grint oor 'n blok hout (of selfs 'n klein sagtebandboek) en voer dit drie of vier keer heen en weer langs een rand van 8 duim van die Lexan-oppervlak. U behoort klein wit vlokkies te sien afkom. Herhaal dit met die 800 grint skuurpapier. Na elke pas met die skuurpapier, moet u kan sien dat die skrape en vlekke aan die rand van die Lexan al hoe kleiner word: dit dui aan dat u behoorlik werk verrig (en dit is nie bemoedigend nie!). Nadat u die vlekke en stampe afgeskuur het, moet u die rand van die Lexan (slegs die rand!) Poleer met u koperpolitoer (volg die instruksies op die koperpolitoerhouer). Bewonder hoe glad en blink jou Lexan -rand geword het.

Stap 5: Pas die raam aan die aanraakoppervlak, monteer die LED's

Hierdie stap dek die installering van die Lexan -aanraakoppervlak en LED -ligte in die raam wat in stap 3 van hierdie instruksies ingebou is.

Voordat u die raam permanent op die Lexan aanbring, moet u seker maak dat die raam pas by die 8-by-10-inch Lexan-oppervlak, deur die Tile Divider-stroke (vanaf stap 3) op die rande van die aanraakoppervlak te skuif: dit moet mooi en styf pas sy gelukkige nuwe raam. Maak ook seker dat daar geen plastiekbrame in die teëlverdeler oorbly as u die LED -gate boor nie, aangesien dit die raam swak kan laat pas. Sodra u die pasvorm nagegaan het, is dit tyd om die raam en die Lexan in 'n enkele eenheid te plak. Verwyder die raam van die teëlverdeler en trek die beskermende omhulsel ongeveer 'n sentimeter van die rande van die Lexan af, en sorg dat dit nie heeltemal verwyder word nie. Skuif dan die raam terug op die Lexan, sonder die omhulsel tussen die twee. Maak seker dat die raamgedeelte met LED -gate op die Lexan -rand aangebring is wat glad gepoleer is! As al die kante van die raam na u smaak aangepas is, gebruik 'n bietjie gom (of enige gom) om die hoeke van die raam aan mekaar te plak. Probeer raamgedeeltes aan mekaar plak, nie aan die Lexan nie. As daar 'n bietjie gom op die Lexan kom, is dit nie 'n groot probleem nie en moet dit nie u aanraking beïnvloed nie. Noudat die raam aan die Lexan gemonteer is, is dit tyd om die LED's aan die raam te monteer. Probeer 'n paar toetslopies voordat u die LED's permanent deur die gate in die raam plak. Vir die beste kwaliteit 'blobs' moet die LED's nie reguit in die rand van die Lexan wys nie; dit moet teen 'n effense hoek teen die rand van die Lexan gemonteer word: ongeveer 20-30 grade hoek van horisontaal af (sien prent vir meer besonderhede). Die hoek help om die lig te ontkom waar die Lexan helderder en duideliker saamgepers word. Om die LED's later te plaas vir makliker bedrading: monteer al die LED's sodat hulle gedraai word sodat die grondpen (die langer pen) bo -op is. Sodra u tevrede is met die hoek en posisie van die LED's, monteer dit permanent in die raam deur die LED op sy plek te hou en 'n mal gom aan die buitekant van die LED aan te bring waar dit aan die raam raak. Hou die LED's in plek totdat hulle heeltemal droog is! (Daarom beveel ons aan om mal gom te gebruik). Noudat die LED's in plek is, is dit tyd om die bedrading te begin doen.

Stap 6: Bedrading van die LED's

Hierdie afdeling dek al die bedrading wat u moet doen, en dek die aansluiting van die LED's op 'n kragbron.

Ons beveel aan dat u 1.5 V 100 mA LED's gebruik, en vir die doeleindes van hierdie instruksies neem u aan dat u 'n 200mA 3.3V DC -kragtoevoer gebruik (soos 'n 'muurwortel' of 'n stokperdjie -kragbron). Miskien moet u die bedrading van u LED's aanpas op grond van die kragtoevoer wat u het - raadpleeg iemand wat vertroud is met elektronika as u nie seker is hoe u u bedrading moet aanpas nie. Soldeer die LED's saam soos in die onderstaande prentjie getoon … as u 'n bietjie met soldeer nodig het, moet u 'n toets uitvoer met 'n paar LED's wat NIE in die raam vasgemaak is nie. Om die LED-bedrading te toets, koppel die kragtoevoer en wys dit na die (IR-gefiltreerde) webkamera. Begin u webcam -sagteware: as die webcam die infrarooi lig opneem, moet u 'n helderrooi lig op die webcam -skerm sien (alhoewel u geen lig van die LED's self sien kom nie, want dit is infrarooi!). Nou terug na die mini-multitouch-skerm. Nadat u die LED's met u soldeerbout aangeskakel het (volgens die diagram hieronder), wys u die IR-gefiltreerde webkamera van bo na die mini-multitouch-boks. Begin u webcam -sagteware nou as u dit nog nie aan die gang het nie: u moet 'n gloed op die skerm van die webcam sien terwyl die infrarooi LED's aangebring word (maar u sien weer geen lig van die werklike LED's nie!). As u nie die gloed kan sien nie, moet u die bedrading nagaan en raadpleeg moontlik iemand wat vertroud is met elektronika as u nie seker is hoe u die LED -aansluiting moet oplos nie. 'N Vinnige opmerking: die gloed wat hierbo beskryf word, is liglek, en dit is ongewens: ons sal in die volgende stap daarvoor sorg, sodat die enigste infrarooi lig wat deur die aanraakoppervlak uitgestraal word, die lig is wat daaraan raak. Maar vir eers is dit 'n goeie manier om te kontroleer of u LED's korrek bedraad is. U is so naby aan 'n mini-multitouch-skerm!

Stap 7: Voltooi die aanraakoppervlak, plaas die webkamera

Dit is die laaste stap in die hardeware-opbou. Sommige ligte van die LED's is geneig om opwaarts en afwaarts te gloei in plaas van direk in die Lexan, en daardie ekstra gloed (liglek) kan probleme veroorsaak. Hierdie ekstra lig kan voorwerpe in die omgewing, soos mure, skerms, plafonne, ens. Weerkaats, en skep gebiede met infrarooi gloed wat op u webcam -skerm as vals raakpunte verskyn. Die beste manier om hierdie probleem op te los, is om 'n bietjie ekstra ondeursigtige materiaal bo en onder die rande van die Lexan-oppervlak te voeg om hierdie glans en glans te blokkeer. Sny 'n plat mat van 8 duim by 10 duim uit karton, ongeveer 1 duim dik en so groot dat dit net onder die aanraakoppervlak pas. Die afmetings van hierdie mat moet 6 x 8 duim wees, wat dit eintlik 'n reghoekige rand van 1 duim dik maak wat styf in die ruimte reg onder die Lexan pas. As hierdie aanwysings onduidelik is, kyk na die uitgebreide diagram in stap 5, wat 'n tekening van hierdie kartonmat bevat. Dit sal sorg vir die afwaartse gloed. Herhaal die proses aan die bokant van die aanraakoppervlak om die gloed te blokkeer. As u die tyd het, lyk dit meer professioneel om iets mooier te lyk (soos vloer- of plafonrandwerk) vir die gloeilamp, maar ons het net 'n tweede kartonmat gebruik en dit werk goed! Op hierdie punt het u 'n toebroodjie op die oppervlak, met die Lexan en die raam in die middel, en die boonste en onderste blokkeerblokkies aan die bokant en onderkant, wat styf op hul plek pas en indien nodig met mal gom vasgehou word. u hardeware -opstelling, u hoef net die webkamera te plaas. Dit moet ongeveer 1,5 tot 2 voet van die aanraakoppervlak af sit en wys na die 'onderkant' van die Lexan (bv. Die kant wat nie aangeraak word nie). U kan dit bereik deur 'n kartondoos te gebruik. Staan die boks op sodat die hoogte 1,5 tot 2 voet hoog is (aan watter kant jy staan, hang af van hoe groot jou boks is). Jou webkamera sal in die boks sit, en jou aanraakoppervlak bo -op die boks, sodat jy 'n gat in die bokant van die boks moet sny, ongeveer die grootte en vorm van die blootgestelde gedeelte van die Lexan (slegs die blootgestelde gedeelte, nie die hele raam nie!). Sien die onderstaande prent vir 'n visuele voorbeeld. Trek die webkamera -koord uit die boks, plaas die aanraakskerm bo -op en bewonder die skoonheid van u voltooide hardeware -opstelling! Nou kan u die beskermende laag van die Lexan verwyder, as u dit nog nie gedoen het nie. U het die hardeware vir u Mini-Multitouch voltooi! As u u webcam -sagteware gebruik, moet u die aanraakoppervlak sien lig waar u druk daarop plaas, verkieslik met u vingers. Op die laaste stap: sagteware.

Stap 8: Stel Vvvv Toolkit op en speel

Hierdie laaste stap beskryf die sagteware-opstelling wat gebruik word vir interaksie met u multitouch-skerm. Nou is dit tyd om u nuwe mini-multitouch-stelsel te begin gebruik! Die maklikste manier om te begin, is om te werk met die 'vvvv' -grafiese gereedskapstel. Die vvvv-gereedskapstel is gratis beskikbaar vir nie-kommersiële doeleindes. Omdat dit gebaseer is op Microsoft se DirectX -sagteware (vir spoed), is vvvv slegs beskikbaar vir Windows. Ons verskoning! Om 'n afskrif van die vvvv toolkit te kry, gaan na die vvvv vvvv aflaai bladsy en pak die pakket uit na 'n gids van u keuse (ek beveel c: / Program Files / vvvv as die prefek plek aan).vvvv het geen installasie- of opstelprogram nie, u voer eenvoudig vvvv.exe uit as u vvvv wil uitvoer. U sal standaard 'n swaai boom -demo sien as u vvvv gebruik - dit is waar u die tutoriaal kan begin en 'n idee kan kry van waartoe vvvv in staat is en waarvoor dit gebruik kan word. Ons beveel aan dat u met hierdie tutoriaal begin! En 'n bietjie advies oor probleemoplossing: as u 'dll -fout' kry as u probeer om vvvv.exe uit te voer, moet u waarskynlik DirectX op u masjien opgradeer na weergawe 9.0c of nuwer. volg die onderstaande skakels en doen die eerste twee (kort) vvvv -tutoriale voordat u verder gaan. Die inleiding van die vvvv-tutoriaal en die Hello World-tutoriaal leer u die meeste basiese vaardighede wat u nodig het om vvvv te gebruik, en word sterk aanbeveel. Nadat u hierdie twee tutoriale uitgevoer het, het u 'n laaste stap voordat u mini-multitouch-magie ervaar! Dit is tyd om te kyk of u webkamera met vvvv werk. U kan toets of vvvv u webcam outomaties opspoor met behulp van die vvvv VideoIn -tutoriaal. Hierdie handleiding bevat instruksies oor hoe u u webkamera in vvvv kan toets: volg hierdie instruksies! Voordat u met die laaste stap gaan, gebruik die VideoIn -tutoriaal om seker te maak dat u beelde kry en dat u kamera oor die algemeen behoorlik met vvvv werk. As u kamera nie met vvvv werk nie, gaan na die vvvv -forums en soek hulp met die opstelling en konfigurasie. As u so ver gekom het, het u uiteindelik alle stukke aan die werk, gebou en geïnstalleer: dit is tyd vir die uitbetaling. Laai die Touch_demo_3.v4p-lêer en robot_image-j.webp