8x8 Նկարիչ ՝ 6 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:45

8x8 LED մոդուլի վրա գրաֆիկա ստեղծելու պարզ գործիք:

Տղերք - Ես վատ եմ: Ոչ - իսկապես, իսկապես վատ, երբ խոսքը վերաբերում է պատկերակներ նկարելուն: Հատկապես պատկերներ նկարելը 8x8 ցանցի վրա, ինչպես WEMOS D1- ի համար նախատեսված այդ փոքր WEMOS մատրիցային ցուցադրումները: Բացի այդ, ես ծծում եմ տողերը հաշվել և դրանք վերածել երկուական ներկայացման:

Այսպիսով, ես խաբեցի և ստեղծեցի այս փոքրիկ բանը, որը կոչվում է 8x8 նկարիչ:

Քայլ 1: Ի՞նչ է դա:

ESP8266- ը հյուրընկալում է վեբ էջ, որը ներկայացնում է մատրիցային ցուցադրման 8x8 ցանցը: կտտացրեք այս կետերից մեկին և այն կդառնա կարմիր/միացված, նորից կտտացրեք և այն անջատվում է/սև: Ձեր էկրանը նույնն է անում, այնպես որ կարող եք իրական ժամանակում ստուգել ձեր գործերը իրական սարքավորումներով: Ես դեռ ծիծաղում եմ դրա վրա որևէ բան նկարելու վրա, բայց հիմա շատ շուտ գիտեմ, երբ ծծում եմ:)

Theանցի աջ կողմում (ձեր էկրանին) դուք կգտնեք պատճենման և տեղադրման պատրաստ երկուական ներկայացում `բայթ զանգվածի տեսքով (պահվում է ծրագրում). Պարզապես բռնեք այն և տեղադրեք ձեր կոդը: Ազատորեն հարմարեցրեք զանգվածի անունը, և եթե ծրագիրը չի աշխատում ձեզ համար. Դա 8 բայթ է, ուստի այն, ամենայն հավանականությամբ, չի ծանրաբեռնի ձեր հիշողությունը;)

Քայլ 2: Ի՞նչ է ձեզ անհրաժեշտ:

Սա նախագծված է WEMOS D1 մտքով, այնպես որ ձեզ հարկավոր է D1 և LOLIN Matrix LED վահան: D1:

Matrix LED Shield:

- դրանք օժանդակ հղումներ չեն. հենց այստեղ եմ ես ձեռք բերում իմ իրերը: Ազատորեն գնեք այլուր:

Քայլ 3: Softwareրագրային ապահովում:

Ներբեռնեք նախագիծը այստեղ ՝

Նախագիծը բաղկացած է երկու ֆայլից `մեկը ուրվագիծն է, երկրորդը` ձեր ESP- ի ուղարկած վեբ էջը:

Եթե ձեզ հարմար չէ ինչ -որ անհայտ ZIP ներբեռնել. Ահա հիմնական ուրվագիծը ՝

… Եվ վեբ էջը ՝

Եթե դուք չեք օգտագործում ZIP- ը, երկու ֆայլերը մտնում են մեկ թղթապանակ: Վեբ էջի մասը պետք է լինի «index_html.h» անունով ֆայլում: ուրվագիծը կարող է կոչվել որևէ բան, քանի դեռ թղթապանակի անունը նույնն է, ինչ INO- ն: Այո, Արդուինո…

Քայլ 4: Գրադարաններ:

Իհարկե: Կազմելու համար հարկավոր է տեղադրել այս գրադարանները.

Wifi մենեջեր

.. և գրադարան LED մատրիցի համար.

Երկու (երեքն էլ) գրադարանները կարելի է ձեռք բերել հին հին գրադարանի կառավարչի միջոցով:

Քայլ 5: Այսպիսով, ինչպե՞ս ենք մենք այս բանն աշխատում:

Կոդը վերբեռնելուց հետո ձեր LED էկրանը մի փոքր անիմացիա է անում ՝ ասելով ձեզ, որ ցանկանում է միանալ ձեր WiFi- ին: Այսպիսով, վերցրեք ձեր fone- ը, բացեք ձեր WLAN- ը. Փնտրեք անունով նոր WLAN

8x8painter CONFIG

- միացեք նոր WLAN- ին - ձեր հեռախոսը պետք է հարցնի, եթե ցանկանում եք միանալ այդ WIFI- ին (կներեք, այստեղ գերմաներեն fone- ը վստահ չէ, թե ինչ է ասում անգլերեն հաղորդագրությունը) - կտտացրեք դրան: Եթե նման հաղորդագրություն չի հայտնվում. Բացեք դիտարկիչ (ձեր fone- ով, որը միացված է ESP- ի WiFi- ին) և անցեք դեպի «https://1.2.3.4»:

Սպիտակ էկրան, մեծ կապույտ կոճակներ? Դա Wifi մենեջերն է:

Կտտացրեք «Կարգավորել Wi -Fi- ին», ընտրեք ձեր WiFi- ն և մուտքագրեք ձեր գաղտնաբառը: Կտտացրեք պահպանել - անիմացիան պետք է դադարեցվի (մատրիցան սևանում է); ESP- ն այժմ միացված է ձեր WiFi- ին:

Բացեք ձեր ընտրած դիտարկիչը և օգտագործեք այս հասցեն.

8x8painter

- վերջ

Քայլ 6: Նշումներ

Ես ոչ միայն ծիծաղում եմ պատկերակներ նկարելիս, այլև մեկնաբանություններից: Ես սովորաբար գնում եմ արտահայտիչ փոփոխականների անունների, ուստի ուրվագիծը չպետք է այդքան դժվար լինի հետևել:

Այո, ես սիրում եմ իմ գործառույթները. Էսքիզը կարդալու ամենահեշտ ձևը բոլորը փլուզելն ու առանձին գործառույթները ստուգելն է:

Մի քանի Serial.print հայտարարություններ եմ թողել վրիպազերծման կոդի մեջ. Վազելիս սերիական վահանակի ստուգումը կարող է լավ գաղափար լինել:)

Վեբ էջը պահվում է մեկ երկար տողի մեջ `դժոխք և անիծանք` լարեր: Ինչպե՞ս կարող էի: Դե, ես դրա համար տարածք ունեմ, ես դա ընդհանրապես չեմ փոխում (Globals From Hell) - ուստի ես իսկապես չեմ մտածում: Եթե դա անում եք. Առաջ գնացեք, բարելավեք այն: Դա ծրագրավորման գեղեցկությունն է:

Վեբ էջը գրեթե ամեն ինչ անում է JavaScript- ում. Կներեք դրա համար. դա ամենակոմպակտ լուծումն էր, որին կարող էի հասնել: ESP- ի և զննարկչի միջև հաղորդակցությունը կարող էր ավելի լավ լինել webSockets- ի միջոցով, բայց գրելիս GET -Strings- ը մտքումս էր, հիշեք. Երբեք մի դիպչեք գործող համակարգին:)

Վեբ էջը ստեղծվել է Firefox- ի միջոցով. Եթե ինչ -որ բան կոտրվի.. փորձեք Firefox- ը:

2020 ՝ Detlef Amend- ի կողմից: Ազատ Softwareրագրակազմ. Զվարճացեք դրա հետ !!