Kinga ya Sanaa: Hatua 10 (na Picha)

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:48

Glove ya Sanaa ni glavu inayoweza kuvaa ambayo ina aina tofauti za sensorer kudhibiti picha za sanaa kupitia Micro: bit na p5.js Vidole hutumia sensorer za bend ambazo zinadhibiti r, g, b maadili, na accelerometer katika Micro: bit udhibiti x, y inaratibu kwa michoro. Niliunda mradi huu kama mradi wangu wa muda wa Darasa langu la Teknolojia ya Kuvaa kama mwandamizi katika Programu ya Teknolojia, Sanaa, na Media huko CU Boulder.

Ugavi:

• Kinga ya bustani
• BBC Micro: Kidogo
• Sensorer 3-4 za Flex
• 10K Ohm Resistors
• Kuunganisha waya (Nyekundu na Nyeusi)
• Vipande vya waya
• Bodi ya mkate
• Sehemu za Alligator (pande mbili na upande mmoja)
• Solder
• Chuma cha kulehemu
• Sindano
• Uzi
• Karatasi ya Wax
• Tape
• Mikasi
• Kalamu na Penseli

Hatua ya 1: Nyimbo za Bend Sensor

Kwanza, tutazingatia kutengeneza vifaa. Kwa njia hii tunapofikia usimbuaji tuna sehemu halisi ya glavu ya kutumia na kujaribu.

1. Kuanza tutafanya nyimbo kwenye vidole ambazo zitaweka sensorer za bend. Kuwa na nyimbo hizi huruhusu sensorer za bend kusonga mbele na mbele kidogo na pia kuziweka salama kwa kidole ili kuinama. Kwanza, pindua glavu yako nje.
2. Chukua sensorer ya kuinama na kuiweka katikati ya kidole. Kutumia kalamu, onyesha sensor ya bend
3. Slip thread yako kupitia sindano yako. Jipe kipande cha ukarimu. Funga fundo mwishoni mwa uzi.
4. Kuanzia juu na kwenye laini, piga tu arc ya sensorer ya kunama, weka sindano kupitia glavu kupitia ndani, na uirudishe nyuma kupitia laini inayofanana. Vuta sindano njia nzima ili fundo liketi kwenye mstari uliochora.
5. Kuvuta vizuri, fanya vifungo 2-3 kwa upande mwingine. Hii itahakikisha uzi hautatoka. Hakikisha imekazwa ili sensorer ya bend iwe salama dhidi ya kidole chako
6. Kata uzi ukiacha cm chache. ya uzi mwishoni ili fundo lisije likafutwa.
7. Rudia hatua 2-6 kwa vidole vyote unavyounganisha sensorer za kubadilika hadi iwe inaonekana kama picha ya tatu hadi ya mwisho.
8. Flip glove yako nyuma ili igeuke kwa njia sahihi. Slip sensorer yako ya bend kupitia nyimbo ili kuhakikisha zinafaa kwa usahihi kwenye mkono wako

Hatua ya 2: Kutumia Mawasiliano ya Siri na Micro: bit

Kuona matokeo kutoka kwa sensorer zetu tutatumia mawasiliano ya serial. Utaona jinsi ya kuweka nambari kwenye Makecode katika hatua inayofuata lakini kwanza tutajifunza jinsi ya kuisoma kutoka kwa terminal yetu. (Kumbuka: ninatumia Mac kwa hivyo hatua hizi zinaweza kuwa tofauti kulingana na mfumo wako wa uendeshaji. Kwa mifumo mingine ya uendeshaji angalia hapa).

1. Chomeka Micro yako: kidogo
2. Fungua kituo chako
3. andika 'ls / dev / cu.*'
4. Unapaswa kuona kitu ambacho kinaonekana kama '/ dev / cu.usbmodem1422' lakini nambari halisi itategemea kompyuta yako
5. Mara tu unapoendesha nambari, chapa 'skrini / dev / cu.usbmodem1422 115200' (na nambari yako maalum ya bandari) itakupa Micro yako: pato la serial
6. Pato lako linapaswa kuonekana kama picha hapo juu, kulingana na jinsi ulivyopangilia pato lako!

Hatua ya 3: Kutengeneza Mzunguko

Kabla ya kuuza vifaa vyetu vyote pamoja tutafanya mfano wa mzunguko na kuandika mistari michache ya nambari ya mfano kusoma maadili yetu ya sensa na kuhakikisha vifaa vyetu vinafanya kazi kwa usahihi.

1. Kutumia mchoro wa mzunguko hapo juu, onyesha mzunguko wako kwenye ubao wa mkate kwa kutumia waya za kuruka, vipinga, sehemu moja ya alligator, na Micro: bit yako.
2. Unganisha sensorer zako za bend kwa pini 0, 1, & 2.
3. Nilitumia nambari hii kupima sensorer zangu za kubadilika
4. Wainamishe mara kadhaa ili kuona usomaji wao na uhakikishe kuwa wanafanya kazi kwa usahihi

Katika nambari, mstari wa mwisho "serial.writeLine" ni pale tunapoandika kwa pato letu la serial. Unaweza kupangilia pato hili hata hivyo unataka, nilitenganisha kila tofauti na koma, na kisha nikaigawanya kwa koma baadaye, lakini sehemu hii ni juu yako.

(Kumbuka: Baada ya mimi kuchukua hatua hii niligundua sensorer yangu moja ya bend ilikuwa na chip kwenye rangi ya kupendeza na kwa hivyo haikuwa ikisomwa vizuri. Ndio maana picha zingine zinanionesha nikifanya kazi na sensorer 4. Baada ya kugundua hii nilienda chini ya sensorer tatu tu kwenye kidole cha katikati, na kidole cha pete. Pia niligundua sensorer zangu za bend zilikuwa na usomaji anuwai zaidi wa kuinama njia "kinyume" ndiyo sababu niliiweka kwenye glavu na rangi ya kupinga ikitazama chini.)

Hatua ya 4: Kupima Accelerometer na Sensor ya Mwanga

Katika hatua hii pia nilichagua kupima kiharusi na sensa ya mwanga kwenye Micro: bit

1. Unganisha Micro yako: kidogo kwenye kompyuta yako
2. Pakua nambari hii
3. Kisha nikajaribu sensorer ya kasi, mwanga, na bend pamoja na nambari hii

(Kumbuka: Ilikuwa wakati huu niligundua kuwa huwezi kutumia pini na sensa ya taa wakati huo huo kwa hivyo sikutumia sensa ya taa kwenye fainali yangu, lakini nilitaka uweze kuona jinsi ya kusoma sensa ya nuru ikiwa unahitaji!)

Hatua ya 5: Kuunganisha Sensorer za Bend

Sasa tutaanza kuuza sehemu zetu pamoja! Hii ni sehemu ya kufurahisha, lakini ni muhimu kwenda polepole na uangalie kwamba kila kitu bado kinafanya kazi unapoenda ili usije kufikia mwisho, uwe na kitu kisichofanya kazi, na usiwe na uhakika ni wapi kilikosea! Ninapendekeza utumie vipande vyako vya alligator pande mbili ili kuangalia kila sensorer bado inafanya kazi mara tu waya na vipinga vimeuzwa pamoja.

1. Chukua sensorer yako na mkanda au uweke kitu kizito juu yake kuishikilia.
2. Chukua kontena yako ya 10K Ohm na ukate mwisho mwingi ili kuongoza iwe karibu kwa muda mrefu kama risasi kwenye sensor ya bend.
3. Chukua chuma chako cha kutengenezea na ubonyeze kwenye kinzani na sensorer ya sensorer hadi iwe moto
4. Chukua solder yako na ubonyeze kwenye chuma moto inapoanza kuyeyuka juu ya vifaa. Unahitaji tu ya kutosha kufunika waya.
5. Ondoa chuma. Hapa nilivaa glavu nyingine ya bustani na nikashikilia kontena na waya mahali wakati solder ilipoa.
6. Piga kipande kirefu cha waya mwekundu na uweke kwenye sehemu ya solder ambapo kontena na sensorer ya bend hukutana. Rudia hatua 4-5. Hii ni waya ya pini ya analogi.
7. Piga kipande kirefu cha waya mweusi na uweke mwisho wa risasi nyingine. Rudia hatua 4-5. Hii ni waya wako wa ardhini.
8. Piga kipande kirefu cha waya mwekundu na ubonyeze upande wa pili wa kontena kwa hivyo ni kwa muda mrefu kama upande uliopita. Rudia hatua 4-5. Hii ni waya wako wa nguvu.
9. Rudia hatua 1-8 kwa sensorer zingine za bend yako.
10. Acha waya zako kwa muda mrefu ili uwe na nafasi ya kufanya nao kazi ili kuzifanya ziwe na urefu sahihi baadaye wakati wa kuziweka kwenye Micro: bit.

Hatua ya 6: Kuunganisha kwa Micro: kidogo na Kukusanya Glove

Sasa kwa kuwa sensorer zetu ziko tayari, tutaanza kuuza kwa Micro: kidogo na kukusanya kinga. Kumbuka tena kujaribu unapoenda, ukitumia vigae vya alligator kuhakikisha kuwa vifaa bado vinafanya kazi baada ya kuziunganisha pamoja.

1. Weka sensorer na Micro: kidogo kwenye kinga ili upate wazo la waya zinahitaji kwenda na muda gani zinahitaji kuwa.
2. Funga waya nyekundu karibu na pini ya umeme. Tumia wakata waya kuvua waya na kuacha nafasi wazi ambazo utaunganisha waya wako. Fanya hii kwa waya wa ardhini pia.
3. Eleza kinga ambayo hutumii. Hii itatusaidia kusawazisha kila kitu pamoja na kupata urefu wa vitu sawa. Utakuwa unafanya kila kitu nyuma ingawa ukiangalia mara mbili unaunganisha vitu kwenye njia sahihi!
4. Weka Micro yako: kidogo karibu ambapo unataka iweke mkono wako. Tengeneza alama zilikuwa chini na waya za umeme zinakaa.
5. Piga waya, nguvu au ardhi, mahali.
6. Tape sensor yako ya bend mahali.
7. Kata waya wa umeme ili iweze kupita tu ni alama kwenye laini ya nguvu zote.
8. Solder vipande hivi pamoja.
9. Rudia hatua 5-8 kwa waya zingine za nguvu, na kwa waya za ardhini.
10. Chukua Micro: kidogo na kuiweka chini ya waya mpya zilizouzwa. Solder nguvu na ardhi kwa pini sahihi.
11. Piga waya za analog ili ziweze kupita mwisho wa pini na ziweze kuzunguka upande wa mbele.
12. Solder waya kwa pini sahihi.
13. Niligundua kuwa masomo yangu yalikuwa bora na sawa wakati waya zote (nguvu, ardhi, na analog) ziligusa mbele na nyuma ya pini.
14. Wimbo mmoja kwa wimbo mmoja, sukuma sensorer za bend juu ya vidole wakati huo huo.
15. Wakati sensorer ziko mahali, weka glavu na uhakikishe kuwa sawa ni sawa. Ikiwa unahitaji kuongeza nyimbo, au kurekebisha uwekaji wao, fanya hivyo sasa.
16. Mara tu sensorer zikilala mahali unapotaka, angalia mahali pa kufunga Micro: kidogo mahali. Unaweza kutumia mashimo madogo pande zote za vifungo A na B au tumia mashimo kwa pini. Tumia sindano yako na uzi kuifunga kwenye mkono wako

Hongera! Vipengele vya vifaa vya glove sasa vimekamilika!

Hatua ya 7: Micro: bit Code

Sasa nitaenda kukutembeza kupitia nambari ya Micro: bit. Unakaribishwa zaidi kufanya nambari hii unayotaka lakini nilitaka kupitia na kuelezea kila kitu ili uweze kuona nilichofanya, jinsi nilivyofanya, na kwanini! Unaweza kupata nambari yangu hapa.

1. Mistari 1-31. Hapa ninatumia kazi zilizowekwa tayari Micro: kidogo huja na.

   • Kubonyeza A hupunguza hesabu, ambayo ni uteuzi wa picha zinazopatikana. Mara tu unapofikia 0, inarudi kwa idadi kubwa zaidi.
   • Kubonyeza B huongeza hesabu, mara tu unapofikia idadi kubwa zaidi ya picha zinazopatikana, inarudi kwa 0.
   • Ikiwa picha ya sasa uliyochagua sio ile ambayo inachorwa kwa sasa, kubonyeza A na B wakati huo huo kunachagua picha mpya.
   • Ikiwa picha ya sasa uliyochagua ni sawa na ile inayotolewa, kubonyeza A na B wakati huo huo hujaza sura ikiwa inaweza kujaza.
   • Kutikisa Micro: kidogo huweka ubadilishaji wa kifuta kuwa 1 ambao unaambia p5.js kufuta turubai na kuanza nyeusi. Inasitisha kukimbia kwa sekunde na kisha kuirudisha kwa 0 ili mtumiaji aendelee kuchora.

2. Mistari 32-64 inaanzisha vigeuzi vyangu. Ilikuwa muhimu kutumia vigeugeu vingi ili maadili mengi hayakuandikwa. Wanaweza kubadilika na glavu na pia kubadilishwa kwa urahisi katika sehemu moja badala ya kusasisha rundo la maadili kila mahali. Nitaangazia chache za muhimu.

   • Ukubwa wa turubai ni moja ambayo ni nzuri kuwa na ubadilishaji mmoja kusasisha kulingana na saizi ya turubai yangu. Sawa na suraKwa juu. Kama ninavyoongeza au kuondoa picha naweza kusasisha nambari hii hapa.
   • Vigezo vya juu na vya chini wacha nifuatilie hali ya juu na ya chini kwa sensorer na kuwa na anuwai ya upimaji mfululizo. Hii ni muhimu kwa kuwa kila mtu anayevaa glavu atakuwa na mwendo tofauti na kwa hivyo urefu wa juu na chini ambao wanaweza kufikia.
3. Mistari 66-68 inasoma kwa maadili ya analog kutoka kwa pini kwa sensorer za kubadilika

4. Mistari 69-74 inalinganisha thamani ya juu ya kidole cha kidole.

   • Ikiwa juu mpya imefikiwa, inaweka hii kama ya juu.
   • Hukadiria upeo wa kidole hicho.
   • Inatumia anuwai mpya kwa ramani ya rangi
5. Mistari 75-80 inalinganisha thamani ya chini ya kidole cha kiashiria.
6. Mistari 81-104 wanafanya kitu sawa na 4 & 5 kwa vidole vya kati na vya pete.

7. Mistari 105-107 inachora ramani za sensorer yangu kwa nambari za rangi 0-255 (au rangiLow to colorHigh, ikiwa sifanyi safu kamili)

   • Ujenzi wa ramani kutoka kwa Makecode haukunipa ramani nzuri, ikizingatiwa upeo mdogo ambao nilikuwa nikipata kutoka kwa sensorer zangu. Kwa hivyo nilifanya kazi yangu ya ramani.
   • Hivi ndivyo inavyofanya kazi. Upeo wa pembejeo wa kila kidole umedhamiriwa na hiyo (thamani ya juu - ni ya chini kabisa). Aina ya rangi, ambayo pia ni (thamani ya juu zaidi ya rangi - thamani ya chini kabisa ya rangi) imegawanywa na kila safu ya vidole. Nambari hii imezungushwa idadi ya chini kabisa na ni ya mgawo.
   • (Thamani halisi ya sensa - thamani ya sensa ya chini kabisa) inakupa thamani ndani ya masafa. Kuzidisha hii kwa mgawo tumepata hapo juu na kuongeza maadili ya rangi ya chini kabisa inakupa thamani iliyopangwa kutoka kwa sensa, kwa rangi, ndani ya upeo wa rangi.
8. Mstari wa 109 unasoma kwa thamani ya lami (juu na chini).
9. Mistari 110-115 inaweka viwango vya juu na chini kwa thamani hii
10. Mstari wa 116 unasoma kwa thamani ya roll (kushoto na kulia).
11. Mistari 117-122 inaweka viwango vya juu na chini kwa thamani hii
12. Mistari 123-126 ramani alama ya lami na roll kwa saizi ya turubai na uzungushe kwa nambari nzima.
13. Mstari wa 127 huandika vigeugeu kwa pato la serial kwa kutumia serial.writeLine, ikitenganisha kila thamani kwa koma na nafasi ",", kuchanganua na baadaye.

Mara tu unapokuwa na nambari jinsi unavyopenda, ipakue na iburute kutoka kwenye vipakuliwa vyako kwenda kwa Micro: kidogo (unapaswa kuiona kwenye "Maeneo" upande wa kushoto wa kipatao) kupakia nambari kwenye Micro: bit

Hatua ya 8: Mawasiliano ya serial na P5.js

Ili kuwasiliana mfululizo na p5.js, tunahitaji zana ya ziada. Ili kujifunza zaidi juu ya kile kinachoenda nyuma ya pazia la mawasiliano ya serial, ninashauri kusoma nakala hii.

1. Pakua toleo la programu ya p5.js kutoka kwa kiunga hiki. Nina toleo la Alpha 6 lakini yoyote itafanya kazi.
2. Tumia kiolezo hiki cha p5.js kwa kuwasiliana mfululizo. Ili kuiweka ingiza jina lako sahihi la bandari la portName kwenye laini ya 12. Hili ndilo jina ambalo tumechunguza katika hatua ya 2.
3. Unganisha Micro yako: kidogo kwenye kompyuta yako
4. Fungua programu ya serial p5.js.
5. Chagua bandari yako kutoka kwenye orodha ya bandari na usifanye kitu kingine chochote. Hata waandishi wa habari wazi! Chagua tu bandari yako kutoka kwenye orodha yako.
6. Bonyeza run katika template ya p5.js. Unapaswa kuiona ikiwa wazi, na itakusomea null maadili kwani hatujaandika nambari ili kuchanganua pato letu la serial bado.

Sasa tunaweza kuwasiliana mfululizo kutoka kwa Micro: bit kwa p5.js!

Hatua ya 9: Msimbo wa P5.js

Sasa tutaingia kwenye nambari ya p5.js. Hapa ndipo tunaposoma katika maadili ya pato la serial na kuyatumia kuunda sanaa.

1. Kama nilivyosema katika hatua ya awali, hakikisha jina la bandari kwenye laini ya 12 ni jina lako maalum la bandari ya kompyuta.
2. Katika kazi ya kuanzisha (), kwenye mistari 32-33, niliongeza kushoto na kuliaBuffer na kuundaGraphics, nilifanya hii kutenganisha turubai ili sehemu moja itumike kwa kuchora, na sehemu nyingine inaweza kuonyesha mwelekeo, na kuonyesha ni picha gani unatazama au unapita kupitia.
3. Kazi ya kuteka () inaita kazi nilizoziunda kuunda kushotoBuffer na kuliaBuffer kando. Pia inafafanua mahali kona ya juu kushoto ya kila bafa inaanzia.
4. Kazi ya DrawRightBuffer () inaonyesha maandishi yote kwa mwelekeo na chaguzi za picha

5. Kazi za DrawLeftBuffer () zinaonyesha picha zote.

   • Mstari wa 93 hutengeneza thamani ya alpha kwa nasibu. Hii ni hivyo rangi zote zina maadili tofauti ya uwazi ili kuifanya ionekane ya kuvutia zaidi. Laiti ningekuwa na sensorer 4 za kubadilika ningekuwa nimetumia ile ya 4 kwa hii!
   • Mstari wa 94 huweka thamani ya kiharusi kwa r, g, b maadili yaliyowekwa na sensorer za kubadilika
   • Mstari wa 96-102 hauwezi kutafakari kujaribu jinsi glavu inavyofanya kazi bila kuwa na kinga kwa kutumia panya yako badala yake. Badilisha mstari wa 102 na picha kutoka kwa kazi yote.
6. 104-106 futa turubai wakati mkono unatetemeka kwa kuweka msingi wa turubai kuwa mweusi
7. 108-114 dhibiti ujazo wa maumbo wakati A + B imebanwa na kuchaguliwa na umbo la sasa ni sawa
8. 117-312 ndipo picha zinaonyeshwa. Hii ndio idadi kubwa ya nambari na sehemu ya kupata ubunifu! Ninashauri kutazama rejeleo la p5.js ili kuelewa vizuri jinsi ya kudhibiti maumbo. Nilitumia roll na lami kudhibiti x, y nafasi na kubadilisha saizi ya maumbo na picha, na kama nilivyosema hapo awali nilitumia. sensorer bend kudhibiti rangi. Hapa ndipo unaweza kupata ubunifu! Cheza na kile p5.js inapaswa kutoa na upate picha zako za kufurahisha kudhibiti! Hapa pia niliweka maelezo ya Sura ya sasa inayoonyesha kwenyeBuffer ya kulia.
9. 318-460 niliweka maelezo kwa Sura iliyochaguliwa.

10. Mistari 478-498 ni kazi ya serialEvent (). Hapa ndipo tunapokea data ya serial.

    • Kwenye mistari 485-486 niliweka proll na ppitch (roll iliyotangulia na lami) kwa nambari zilizotangulia na za lami.
    • Kwenye laini ya 487 niligawanya data kwenye ",". Ninafanya hivi kwa sababu niliandika data itenganishwe na koma. Ungeweka chochote unachotenganisha anuwai zako na hapa. Vigezo hivi huwekwa kwenye safu ya nambari.
    • Halafu kwenye mistari 488-496 niliweka vigeuzi kwa kipengee kinachofanana katika safu na kuzitafsiri kutoka kwa kamba hadi nambari. Ninatumia vigeuzi hivi wakati wa kazi ya DrawLeftBuffer () kudhibiti picha.

Hiyo inafupisha sana nambari hiyo na kumaliza mradi! Sasa tunaweza kuona glavu ikifanya kazi.

Hatua ya 10: Bidhaa ya Mwisho

Hapa kuna picha za glavu iliyomalizika na vile vile vipande vya sanaa vilivyozalishwa! Tazama video ya onyesho ili uone ikiwa inafanya kazi!