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

M5StickC Թույն տեսք ունեցող ժամացույց մենյուով և պայծառության հսկողությամբ ՝ 8 քայլ
M5StickC Թույն տեսք ունեցող ժամացույց մենյուով և պայծառության հսկողությամբ ՝ 8 քայլ

Video: M5StickC Թույն տեսք ունեցող ժամացույց մենյուով և պայծառության հսկողությամբ ՝ 8 քայլ

Video: M5StickC Թույն տեսք ունեցող ժամացույց մենյուով և պայծառության հսկողությամբ ՝ 8 քայլ
Video: Лучшие часы для гика - M5StickC #shorts 2024, Մայիս
Anonim

Այս ձեռնարկում մենք կսովորենք, թե ինչպես ծրագրավորել ESP32 M5Stack StickC- ն Arduino IDE- ով և Visuino- ով ՝ LCD- ում ժամանակ ցուցադրելու համար, ինչպես նաև ժամանակն ու պայծառությունը սահմանել ՝ օգտագործելով ընտրացանկը և StickC կոճակները:

Դիտեք ցուցադրական տեսանյութ:

Քայլ 1: Այն, ինչ ձեզ հարկավոր կլինի

Այն, ինչ ձեզ պետք կգա
Այն, ինչ ձեզ պետք կգա
Այն, ինչ ձեզ պետք կգա
Այն, ինչ ձեզ պետք կգա

M5StickC ESP32. Դուք կարող եք այն ստանալ այստեղ

Visuino ծրագիրը. Ներբեռնեք Visuino- ն

Նշում. Ստուգեք այս ձեռնարկը այստեղ, թե ինչպես տեղադրել StickC ESP32 տախտակը

Քայլ 2. Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը

Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը
Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը
Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը
Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը
Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը
Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը

Սկսեք Visuino- ն, ինչպես ցույց է տրված առաջին նկարում, կտտացրեք «Գործիքներ» կոճակին Arduino բաղադրիչի վրա (Նկար 1) Visuino- ում Երբ երկխոսությունը հայտնվում է, ընտրեք «M5 Stack Stick C», ինչպես ցույց է տրված Նկար 2 -ում:

Քայլ 3. Visuino- ում տեղադրեք StickC տախտակը

Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
Visuino- ում տեղադրեք StickC տախտակը
  1. Կտտացրեք «M5 Stack Stick C» տախտակին ՝ այն ընտրելու համար
  2. «Հատկություններ» պատուհանում ընտրեք «Մոդուլներ» և կտտացրեք «+» ՝ ընդլայնելու համար,
  3. Ընտրեք «STուցադրել ST7735» և կտտացրեք «+» ՝ այն ընդլայնելու համար,
  4. Սահմանեք «Կողմնորոշումը» «goRight» - ի վրա
  5. Սահմանեք «Ֆոնի գույնը» ՝ «ClBlack»
  6. Ընտրեք «Տարրեր» և կտտացրեք կապույտ կոճակին ՝ 3 կետով…
  7. Elements Dialog- ը ցույց կտա
  8. «Elements Dialog» - ում 2X «Տեքստային դաշտ» քաշեք աջից ձախ
  9. Կտտացրեք ձախ կողմում գտնվող «Տեքստային դաշտ 1» ՝ այն ընտրելու համար, այնուհետև «Հատկությունների պատուհանում» կտտացրեք «Գույն» և սահմանեք «aclOrange», և կտտացրեք «Լրացրեք գույնը» և դրեք «aclBlack» (Դուք կարող եք խաղալ գույների հետ, եթե ցանկանում եք) -նաև հատկությունների պատուհանների համար սահմանել X: 10 և Y: 20 սա այն վայրն է, որտեղ ցանկանում եք ցուցադրել ժամանակը LCD- սահմանած չափի վրա `3 (սա ժամանակի տառատեսակի չափն է)
  10. Կտտացրեք ձախ կողմում գտնվող «Տեքստային դաշտ 2» ՝ այն ընտրելու համար, այնուհետև «Հատկությունների պատուհանում» կտտացրեք «Գույն» և դրեք «aclAqua», և կտտացրեք «Լրացրեք գույնը» և դրեք «aclBlack»:

(Եթե ցանկանում եք, կարող եք խաղալ գույների հետ) -«Նախնական արժեքը» սահմանել ՝ Սահմանել OԱՄԱՆ

-նաև X: 10 և Y: 2 պատուհանների պարամետրերում սա այն վայրն է, որտեղ ցանկանում եք ցուցադրել մենյուը LCD- ի վրա `սահմանված չափը` 1 (սա ընտրացանկի տառաչափն է)

Փակեք տարրերի պատուհանը

  1. Կտտացրեք «M5 Stack Stick C» տախտակին ՝ այն ընտրելու համար
  2. «Հատկություններ» պատուհանում ընտրեք «Մոդուլներ» և կտտացրեք «+» ՝ ընդլայնելու համար,
  3. Ընտրեք «Realուցադրել իրական ժամանակի զարթուցիչ (RTC)» և կտտացրեք «+» ՝ այն ընդլայնելու համար,
  4. Ընտրեք «Տարրեր» և կտտացրեք կապույտ կոճակին ՝ 3 կետով…
  5. «Elements Dialog»-ում «Սահմանեք ժամը» աջից ձախ ձախ, իսկ հատկությունների պատուհանում `« Ավելացնել արժեք »՝« ճշմարիտ »և« արժեք »՝ 1:
  6. «Տարրերի երկխոսության» մեջ քաշեք «Սահմանել րոպեն» աջից ձախ, իսկ հատկությունների պատուհանում ՝ «Ավելացնել արժեք» ՝ «True» և «արժեք» ՝ 1-ին:
  7. «Elements Dialog»-ում «Սահմանել երկրորդը» աջից ձախ ձախ կողմում, իսկ հատկությունների պատուհանում `« Ավելացնել արժեք »՝« True »և« արժեք »՝ 1:

Փակեք տարրերի պատուհանը

Քայլ 4. Visuino- ում ավելացրեք բաղադրիչներ

Visuino- ում ավելացնել բաղադրիչներ
Visuino- ում ավելացնել բաղադրիչներ
  1. Ավելացրեք «Debounce Button» 2x բաղադրիչ
  2. Ավելացնել «Auto Repeat Button» բաղադրիչ
  3. Ավելացնել «Տեքստային զանգված» բաղադրիչ
  4. Ավելացնել «Անալոգային զանգված» բաղադրիչ
  5. Ավելացնել 2x «Counter» բաղադրիչ
  6. Ավելացրեք «ockամացույցի Demux (բազմակի ելքային ալիքի անջատիչ)» բաղադրիչ
  7. Ավելացնել «Վերծանման (պառակտման) ամսաթիվ/ժամ» բաղադրիչ
  8. Ավելացնել «FormattedText1» բաղադրիչ

Քայլ 5. Visuino Set Components- ում

Visuino Set Components- ում
Visuino Set Components- ում
Visuino Set Components- ում
Visuino Set Components- ում
Visuino Set Components- ում
Visuino Set Components- ում
  1. Ընտրեք «FormattedText1» բաղադրիչը և «Հատկություններ» պատուհանի ներքո «Տեքստ» -ը դարձրեք ՝%0:%1:%2
  2. Կրկնակի կտտացրեք «FormattedText1» բաղադրիչի վրա և «Տարրեր» երկխոսության մեջ ձախից քաշեք 3x «Տեքստային տարր»
  3. Ձախ կողմում ընտրեք «TextElement1», իսկ հատկությունների պատուհանում «Լրացրեք նիշը» ՝ 0 և «Երկարություն» ՝ 2:
  4. Ձախ կողմում ընտրեք «TextElement2», իսկ հատկությունների պատուհանում «Լրացրեք նիշը» ՝ 0 և «Երկարություն» ՝ 2:
  5. Ձախ կողմում ընտրեք «TextElement3», իսկ հատկությունների պատուհանում «Լրացրեք նիշը» ՝ 0 և «Երկարություն» ՝ 2:
  6. Ընտրեք «ClockDemmux1» բաղադրիչը և հատկությունների պատուհանում «Ելքի կապում» նշեք ՝ 5
  7. Ընտրեք «Counter1» բաղադրիչը և հատկությունների պատուհանում ընդլայնեք «Max» և սահմանեք «Value» ՝ 4
  8. Ընտրեք «Counter1» բաղադրիչը և հատկությունների պատուհանում ընդլայնեք «Min» և սահմանեք «Value» ՝ 0
  9. Ընտրեք «Counter2» բաղադրիչը և հատկությունների պատուհանում ընդլայնեք «Max» և սահմանեք «Value» ՝ 6
  10. Ընտրեք «Counter2» բաղադրիչը և հատկությունների պատուհանում ընդլայնեք «Min» և սահմանեք «Value» ՝ 0.
  11. Ընտրեք «Array1» բաղադրիչը (Տեքստային զանգված) և կրկնակի կտտացրեք դրա վրա:-Տարրերի պատուհանում 4X «Արժեքը» քաշեք ձախ կողմում-Ձախ կողմում ընտրեք «Նյութը [1]», իսկ հատկությունների պատուհանում `« Արժեք »: դեպի ՝ SET HOURS- Ձախ կողմում ընտրեք «Տարր [2]», իսկ հատկությունների պատուհանում «Արժեք» սահմանեք ՝ SET MINUTES- Ձախ կողմում ընտրեք «Նյութ [3]», իսկ հատկությունների պատուհանում ՝ «Արժեք»: դեպի ՝ SET SECONDS- Ձախ կողմում ընտրեք «Տարր [4]», իսկ հատկությունների պատուհանում «Value» սահմանեք ՝ SET BRIGHTNESS Փակեք Elements- ի պատուհանը: ՊԱՀՊԱՆՈ FORԹՅԱՆ ԱՐUԵՔՆԵՐԻ ԿԱՐԳԱՎՈՐՈՄԸ.
  12. Ընտրեք «Array2» բաղադրիչը (անալոգային զանգված) և կրկնակի կտտացրեք դրա վրա:-Տարրերի պատուհանում 6X «Արժեքը» քաշեք ձախ կողմը-ձախ կողմում ընտրեք «Նյութը [0]», իսկ հատկությունների պատուհանում `« Արժեք »: դեպի: 1

    Ձախ կողմում ընտրեք «Նյութը [1]», իսկ հատկությունների պատուհանում «Արժեքը» սահմանեք ՝ 0.9

    -Ձախ կողմում ընտրեք «Նյութը [2]», իսկ հատկությունների պատուհանում «Արժեքը» սահմանեք ՝ 0.8 -Ձախ կողմում ընտրեք «Նյութը [3]», իսկ հատկությունների պատուհանում ՝ «Արժեքը» ՝ 0.7 -ին: ձախ կողմում ընտրեք «Նյութ [4]», իսկ հատկությունների պատուհանում «Արժեքը» սահմանեք ՝ 0.6-Ձախ կողմում ընտրեք «Նյութ [5]», իսկ հատկությունների պատուհանում ՝ «Արժեք» ՝ 0.55:

Քայլ 6. Visuino Connect Components- ում

Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
Visuino Connect բաղադրիչներում
  1. Միացրեք «M5 Stack Stick C» կապը A (M5) «Button2» քորոցին [In]
  2. Միացրեք «M5 Stack Stick C» կապը [B] «Button1» կապում [In]
  3. Միացրեք «Button2» կապը [Out] ՝ «RepeatButton1» քորոցին [In]
  4. Միացրեք «RepeatButton1» կապը [Out] (ելք) «ClockDemmux1» քորոցին [In]
  5. Միացրեք «Button1» կապը [Out] - ը «Counter1» փինին [In]
  6. Միացրեք «M5 Stack Stick C»> «Իրական ժամանակի զարթուցիչ (RTC)» կապը [Ելք] «DecodeDateTime1» քորոցին [In]
  7. Միացրեք «DecodeDateTime1» կապը ամը] «FormattedText1»> «TextElement1» քորոցին [In]
  8. Միացրեք «DecodeDateTime1» կապը [րոպե] «FormattedText1»> «TextElement2» քորոցին [In]
  9. Միացրեք «DecodeDateTime1» կապը [Երկրորդ] «FormattedText1»> «TextElement3» քորոցին [In]
  10. Միացրեք «FormattedText1» կապը [Out] ՝ «M5 Stack Stick C» տախտակին> «Display ST7735»> «Text Text1» քորոց [In]
  11. Միացրեք «Counter1» կապը [Out] ՝ «ClockDemmux1» քորոցին [Ընտրեք] և «Array1» քորոցին [Index]
  12. Միացրեք «Counter2» քորոցը [Out] «Array2» քորոցին [Index]
  13. Միացրեք «Array1» քորոցը [Out] «M5 Stack Stick C» տախտակին> «Display ST7735»> «Text Text2» pin [In]
  14. Միացրեք «Array2» կապը [Out] «M5 Stack Stick C» տախտակին> «Display ST7735»> քորոց [Brightness]
  15. Միացրեք «ClockDemmux1» կապը [1] «M5 Stack Stick C» տախտակին> «Իրական ժամանակի զարթուցիչ (RTC)»> «Set Hour1» քորոց [ockամացույց]
  16. Միացրեք «ClockDemmux1» կապը [2] «M5 Stack Stick C» տախտակին> «Իրական ժամանակի զարթուցիչ (RTC)»> «Սահմանել րոպե 1» քորոց [ժամացույց]
  17. Միացրեք «ClockDemmux1» կապը [3] «M5 Stack Stick C» տախտակին> «Իրական ժամանակի զարթուցիչ (RTC)»> «Set Second1» քորոց ամացույց]
  18. Միացրեք «ClockDemmux1» կապը [4] «Counter2» քորոցին [In]

Քայլ 7: Ստեղծեք, կազմեք և վերբեռնեք Arduino ծածկագիրը

Ստեղծեք, կազմեք և վերբեռնեք Arduino ծածկագիրը
Ստեղծեք, կազմեք և վերբեռնեք Arduino ծածկագիրը
  1. Visuino- ում, ներքևում կտտացրեք «Կառուցել» ներդիրին, համոզվեք, որ ընտրված է ճիշտ նավահանգիստը, այնուհետև կտտացրեք «Կազմել/կառուցել և վերբեռնել» կոճակին:

Քայլ 8: Խաղալ

Եթե դուք սնուցում եք M5Sticks մոդուլը, էկրանը պետք է սկսի ցույց տալ ժամանակը: Դուք կարող եք փոխել ժամանակը և պայծառությունը ՝ օգտագործելով «B» կոճակները ՝ uանկը ցուցադրելու և անցում կատարելու միջև (սահմանել ժամեր, րոպեներ, վայրկյաններ, սահմանել պայծառություն) և օգտագործել «M5» կոճակը ՝ այն կարգավորելու համար:

Շնորհավորում եմ: Դուք ավարտել եք ձեր M5Sticks նախագիծը Visuino- ի հետ: Կցված է նաև Visuino նախագիծը, որը ես ստեղծել եմ այս Instructable- ի համար, կարող եք ներբեռնել այստեղ: Դուք կարող եք ներբեռնել և բացել այն Visuino- ում ՝

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