Բովանդակություն:

KnobSlider: 8 քայլ (նկարներով)
KnobSlider: 8 քայլ (նկարներով)

Video: KnobSlider: 8 քայլ (նկարներով)

Video: KnobSlider: 8 քայլ (նկարներով)
Video: KnobSlider: Bottom-Up Design of a Shape-Changing UI for Parameters Control 2024, Նոյեմբեր
Anonim
Image
Image
KnobSlider
KnobSlider

KnobSlider- ը ձևափոխող սարք է, որը անցնում է բռնակի և սահիչի միջև: Այն հնարավորություն է տալիս երեք տարբեր փոխազդեցություններ (սահել, սեղմել և պտտել) մեկ սարքի վրա: Այն ի սկզբանե նախատեսված է պրոֆեսիոնալ օգտագործողների համար, ինչպիսիք են ձայնային ինժեներները, ովքեր օգտագործում են բազմաթիվ սահիչներ և հավաքիչներ: KnobSlider– ի նպատակն է ճկունություն հաղորդել ինտերֆեյսի վրա ՝ միևնույն ժամանակ ֆիզիկական սարքերի հետ օգտվողների ճարտարությունը պահպանելով, այլ ոչ թե օգտագործել սենսորային էկրաններ ՝ վատ հապտիկ արձագանքներով: KnobSlider- ը թույլ է տալիս առանց աչքերի շարժական կառավարում:

Այս սարքը կներկայացվի CHI 2018 համաժողովին: Դուք կարող եք կարդալ սարքի մասին մեր ուսումնական թերթը: Այս աշխատանքը կատարում են Հյունյուն Քիմը, Սելին Կոուտրիքը և Անն Ռուդոն:

Քայլ 1: Նյութեր և գործիքներ

Նյութեր և գործիքներ
Նյութեր և գործիքներ

Նյութեր

  • 3D տպված KnobSlider կտորներ (ներբեռնվող Thingiverse.com կայքում)
  • sg90 servo շարժիչներ X 5
  • PowerMate USB
  • 5 մմ Հորատանցք 20 Ատամներ Idler ingամացույցի գոտի ճախարակ X 2
  • 3 մմ 2 GT Idler ճախարակ X 2
  • GT2 ingամացույցի գոտի (ավելի քան 30 սմ)
  • GT2 ingամացույցի գոտի ճախարակ 20 ատամի անցք 5 մմ X1
  • 5V DC գեներատոր
  • Arduino UNO
  • (ըստ ցանկության) 25x8x1 մմ նեոդիմ մագնիս X2 ~ 4

Գործիքներ

  • Դանակ
  • Երկարաքիթ տափակաբերան աքցան (ընկույզի բացման և փակման համար)
  • Կամ սեղանի վիզա և մուրճ, կամ զոդման գործիքներ (կախված այն բանից, թե ինչ եք ընտրում անել: Տեսեք քայլ 2 -ը ՝ որոշում կայացնելու համար):
  • Փոքր խաչ պտուտակահան: Մոտ 3 մմ լավ է:
  • Լուծվող սոսինձ
  • (ըստ ցանկության) Սիլիկոնային լակի
  • (ըստ ցանկության) հղկաթուղթ և ասեղի ֆայլ

Քայլ 2: Հեռացրեք PowerMate գործը

Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
Հեռացրեք PowerMate գործը
  1. (Նկար 1) Բացեք PowerMate- ի կափարիչը և հանեք սպունգը: Բացեք կոճակը պահող կոճակը, օգտագործելով երկար քիթ:
  2. (Նկար 2) Այնուհետև կտրեք սիլիցիումի հատակը `օգտագործելով սուր դանակ: Ներքևը և մետաղյա մարմինը սոսնձված են, այնպես որ դուք պետք է մանրակրկիտ կտրեք սոսինձը:
  3. (Նկար 3) Մետաղական մարմնից հանեք PCB- ի տախտակը: Դա անելու համար դուք ունեք երկու այլընտրանքային եղանակ.

    1. Վիզայի մոտ գլխիվայր ամրացրեք մետաղյա մարմինը: Ներքին/վերին մետաղական մարմինը (որը կոճակը պահում էր ընկույզով) իջնում է ներքև, իսկ արտաքին/ստորին մարմինը (որը միացված էր սիլիցիումի հատակին) ամրացվում է վիզայի վրա: Careգուշորեն հանեք PCB- ն ներքին մետաղական մարմնից ՝ միաժամանակ չխախտելով մետաղալարերի միացումները: Համոզվեք, որ ներքին մետաղական մարմինը մուրճելիս PCB- ին չեք հարվածի, օրինակ ՝ PCB- ն ամրացրեք սկոտչե ժապավենով: Ներքին մարմնին հարվածեք մուրճ `այն արտաքին մարմնից բաժանելու համար: Դուք պետք է վստահորեն հարվածեք դրան: Եթե թույլ հարվածես, չեն բաժանվի:
    2. Եթե նախընտրում եք օգտագործել զոդման գործիքներ, կարող եք USB մետաղալարը կտրել մետաղյա մարմնին մոտ և լարերը կպցնել PCB- ին: Համոզվեք, որ դրանք ճիշտ եք միացրել (ինչպես նկար 4 -ում):

Քայլ 3. Հավաքեք ցուցիչի PCB- ն KnobSlider ցուցիչի պատյանին

Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
Հավաքեք տվիչի PCB- ն KnobSlider Sensor Case- ին
  1. (Նկար 1) Տեղադրեք տվիչի PCB- ն KnobSlider սենսորային պատյանում (sensor_body_cover.stl):
  2. (Նկար 2) Փակեք պատյանը օրիգինալ սիլիցիումի հատակով: Պետք չէ սոսնձել այն: Այն այնտեղ կմնա առանց սոսնձի:
  3. (Նկար 3) Երբ կոդավորողի կողքին գտնվող քորոցը ճիշտ տեղադրված է, դրեք լվացքի մեքենան և ընկույզը և ամրացրեք տվիչը:
  4. (Նկար 4) Տեղադրեք տվիչի առանցքը (sensor_axis_1.stl) ծածկագրիչի վրա:

Քայլ 4: Շարժիչները հավաքեք շարժիչի ծածկոցներով

Հավաքեք շարժիչներ շարժիչային ծածկոցներով
Հավաքեք շարժիչներ շարժիչային ծածկոցներով
Հավաքեք շարժիչներ շարժիչային ծածկոցներով
Հավաքեք շարժիչներ շարժիչային ծածկոցներով
Հավաքեք շարժիչներ շարժիչային ծածկոցներով
Հավաքեք շարժիչներ շարժիչային ծածկոցներով
  1. (Նկար 1, 2) (ըստ ցանկության) Վերցրեք 3-1 կտոր (համարը փորագրված է պատյանում), դրեք մեկ կամ երկու մագնիս: dClose 3-1 2-1-ով:

  2. (Նկար 3, անտեսեք նկարի շարժիչը) (ըստ ցանկության) Վերցրեք 3-6-ը և տեղադրեք մեկ կամ երկու մագնիս անցքի մեջ: 3-6-ի և 3-1-ի հարթ դեմքերը կհանդիպեն, երբ KnobSlider- ը փակվի: Մագնիսները կօգնեն սարքը ամուր փակել: Համոզվեք, որ երկու դեպքում մագնիսները ձգում են, այլ ոչ թե վանում:
  3. (Նկար 4, 5, 6) Մեկ շարժիչի պտուտակ դրեք 3-6-ի մասնակի անցքին: Դա ավելի հեշտ է դարձնում ձեր հավաքումը: Շարժիչի լարերը դրեք երկար նեղ անցքի միջով (գործի ուռուցիկ կողմը)
  4. (Նկար 7) Շարժիչի մարմինը դրեք պատյանում: Այն կարող է ամուր լինել ՝ կախված ձեր օգտագործած շարժիչից և 3D տպիչից: Խորհուրդ եմ տալիս նախ տպել մեկ պատյան և ստուգել, թե արդյոք ձեր շարժիչը լավ է տեղավորվում: Ես հանեցի կպչուկը, որպեսզի մի փոքր ավելի շատ տարածք ունենամ:
  5. (Նկար 8) Օգտագործեք շարժիչի երկու պտուտակները, ամրացրեք 3-6-ը, շարժիչը, 2-6-ը միասին: Կրկնեք շարժիչների հավաքումը պատյաններով: Մնացած չորս շարժիչները և պատյանները կօգտագործեք 3-2, 2-2, 3-3, 2-3, 3-4, 2-4, 3-5, 2-5: Ավարտելուց հետո դուք պետք է ունենաք 6 մաս:

Քայլ 5: Միացրեք շարժիչի պատյանները

Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
Միացրեք շարժիչի պատյանները
  1. Նկար 1) դուք պետք է ունենաք նկարի 6 կտորները
  2. Նկար 2, 3, 4) Վերցրեք 3-6-ը և տեղադրեք մետաղալարը չնայած 3-5-ին: 3-5-ի գոգավոր 3-6-ի ուռուցիկը պետք է համապատասխանի:
  3. Նկար 5) Շարժիչի ձեռքը դրեք 1-6-ում
  4. Նկար 6) 1-6-ը դրեք 2-6-ի և 2-5-ի ներքևի մասում:
  5. Լուսանկար 7) Կրկնեք (2)-(4) մինչև 1-2-ը դնելը 1-1-ը դրեք 2-1-ի վրա, և նկարի պես բոլոր մալուխները դուրս են գալիս 3-1-ից:

Քայլ 6: Շարժիչային մարմինների և զգայական մարմնի համադրություն

Շարժիչային մարմինների և սենսորային մարմնի համատեղում
Շարժիչային մարմինների և սենսորային մարմնի համատեղում
Շարժիչային մարմինների և զգայական մարմնի համադրություն
Շարժիչային մարմինների և զգայական մարմնի համադրություն
Շարժիչային մարմինների և սենսորային մարմնի համատեղում
Շարժիչային մարմինների և սենսորային մարմնի համատեղում
  1. Նկար 1) 3-3-ի օղակը դրեք տվիչի առանցքի վրա: 3-N կտորները գնում են վերև, իսկ 1-N կտորները ՝ ավելի ցածր, ինչպես նկարում
  2. Նկար 2) Ավելացնել սենսորային առանցք ատամներով (պոտենցիոմետր ծածկ 2.stl)
  3. Նկար 3) Ավելացրեք GT2 ժամանակացույցի գոտի ճախարակ 20 ատամի անցք 5 մմ: Ատամները իջնում են ավելի ցածր:

Քայլ 7: Ավելացրեք շարժակների և ժամանակի գոտի

Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
Ավելացրեք շարժակների և ժամանակի գոտի
  1. (ըստ ցանկության) Օգտագործեք այն հարթ մակերեսները, որոնց վրա կսահի սլաքը: Ավելացնել սիլիկոնային լակի:
  2. Լուսանկար 1) Ատամներով հանդերձը դրեք 3-1 և 3-6 կապում: Տեղադրեք հանդերձում առանց ատամների 3-2 և 3-5 կապում:
  3. Լուսանկար 2) Putամացույցի գոտի դրեք շարժակների շուրջը: Timամացույցի գոտու ատամները ատամներով դիպչում են շարժակների, իսկ ժամացույցի գոտու հարթ հատվածը `առանց ատամների: Ավելացնել կուրսորի ստորին հատվածը (կուրսորը 1.stl): Putամացույցի գոտու մի ծայրը դրեք կուրսորի մեջ: Լրացրեք դրա միայն կեսը: Fullyգուշորեն չափեք ժամանակացույցի անհրաժեշտ երկարությունը `մի փոքր սեղմելով գոտին: Կտրեք ժամանակի գոտին մի փոքր լուսանցքով և կտրված ծայրը դրեք կուրսորի մեջ: Սահեցրեք կուրսորը և համոզվեք, որ երկարությունը լավ է: Կպչեք ժամանակի գոտին կուրսորը:
  4. Նկար 3) geածկեք շարժակները 4-N կտորներով:
  5. Նկար 4) Ավելացնել կուրսորի վերին հատվածը (կուրսորը 2. stl)

Քայլ 8: Էլեկտրամոնտաժ/ծրագրակազմ

Էլեկտրամոնտաժ/Softwareրագրային ապահովում
Էլեկտրամոնտաժ/Softwareրագրային ապահովում
  1. Նկար 1) Միացրեք շարժիչներ, Arduino և 5V DC սնուցման աղբյուր, ինչպես նկարում: 3-2-ի շարժիչը պետք է միացված լինի Arduino D3- ին, 3-3-ում շարժիչը միացված է Arduino D5- ին, 3-4-ը `D6- ին, 3-5-ը` D9- ին, 3-6-ը `D10- ին: Դրանք PWM կապում են: Ես վերբեռնում եմ KnobSlider.fzz ֆայլը, եթե ցանկանում եք փոխել սխեման:
  2. Վերբեռնեք StandardFirmata- ն Arduino- ին (Arduino ծրագրակազմ> Ֆայլ> Օրինակներ> Ֆիրմա> StandardFirmata)
  3. Ներբեռնեք USB Powermate մենեջերը Գրիֆինի կայքում: Ընտրեք ձեր OS- ի համար ճիշտ ծրագրակազմ և տեղադրեք այն:
  4. Սարքի կոճակի իրադարձությունը քարտեզագրեք իրադարձության հետ: Սարքի պտտումը դեպի այն ամենը, ինչ ցանկանում եք:
  5. Ներբեռնեք KnobSliderControl.zip- ը և բացեք այն ձեր նախընտրած վայրում: Բացեք.pde ֆայլը Processing- ով: Ինչպես տեսնում եք ծածկագրում, այս կոդում servo շարժիչների անկյունները վերահսկվում են: Դուք պետք է փոխեք անկյունների արժեքները, որպեսզի համոզվեք, որ KnobSlider- ը փակվում և բացվում է ճիշտ ՝ առանց շարժիչների մաշվածության: Հավանաբար, նորից պետք է բացեք N-1 շերտերը և կարգավորեք թևերի անկյունները:
  6. Վերջ! Հուսով եմ, որ ձեզ դուր կգա նրա հետ խաղալը:

Խորհուրդ ենք տալիս: