Vizitka/herná konzola: Obrazovka ATtiny85 a OLED: 5 krokov (s obrázkami)

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

Ahoj všetci

Dnes vám ukážem, ako si môžete vytvoriť vlastnú vizitku/hernú konzolu/čokoľvek, čo si len dokážete predstaviť, že má podsvietený I2C OLED displej a mikroprocesor ATtiny85. V tomto návode vám poviem, ako doska PCB, ktorú som navrhol, v skutočnosti funguje, ako ju môžete postaviť a čo môžete s touto funkciou robiť. Ak už máte obrazovku I2C napojenú na ATtiny85, tento návod vám môže byť nápomocný, ak sa pokúšate zobraziť obrázky alebo chcete vytvárať ponuky, hry a ďalšie.

Pravdepodobne sa pýtate, čo to vlastne je. Je to len jednoduchá doska s plošnými spojmi s integrovanou batériou, obrazovkou, tlačidlami, vypínačom a procesorom. Predstavte si to ako malého Gameboya, ktorého môžete ľahko naprogramovať tak, aby robil rôzne veci. Ďalej!

Krok 1: The Guts

Ak ste to ešte neurobili, dôrazne vám odporúčam, aby ste si vytvorili účet na obvodoch.io. To vám umožní prispôsobiť môj dizajn tak, aby vyhovoval vašim potrebám.

V tomto kroku vysvetlím, ako sa vám skutočne môže dostať do rúk jedna z týchto dosiek s plošnými spojmi (PCB). Vytvoril som svoju DPS v obvodoch.io, skvelý online nástroj, ktorý môžete použiť na vytváranie schém obvodov a DPS. Dizajn si môžete pozrieť tu:

Ak máte záujem získať DPS, môžete si ich objednať z OSH Parku, koľko chcete, pomocou tohto odkazu:

Získanie tabúľ chvíľu trvá (1-3 týždne), ale verte mi. Stojí to za to! Na zostavenie vlastnej multifunkčnej karty budete potrebovať nasledujúce diely:

• ATtiny85 v balení SOIC-8. Toto je mozog nášho projektu, ktorý riadi VŠETKO.
• Obrazovka OLED I2C 128 x 64 pixelov:
• 2 rezistory 22 kOhm. Jedná sa o výsuvné odpory pre tlačidlá.
• Povrchový držiak CR2032:
• Kruhová batéria CR2032. Táto malá batéria môže napájať obvod pomerne dlho.
• 3-kolíkový posuvný spínač. Toto je vypínač!
• Ženské hlavičky. Môžete ich použiť na programovanie ATtiny85, keď je v obvode!
• 6 mm tlačidlá:
• Doska s plošnými spojmi (môžete si ju objednať pomocou vyššie uvedeného odkazu

Náradie:

• Spájkovačka (s jemným hrotom)
• Spájka
• Orezávače olova

Na programovanie ATtiny85:

• 6 prepojovacích káblov medzi mužom a mužom
• Jeden 10 mikrofaradových kondenzátorov
• Arduino Uno alebo iný mikrokontrolér na báze ATmega

Krok 2: Zostavenie DPS

To je naozaj veľmi jednoduché. Všetko, čo musíte urobiť, je spájkovať všetky súčasti na ich príslušné miesta, ako je uvedené na doske. Niektoré z týchto obrazoviek OLED sú k dispozícii v rôznych veľkostiach, takže ak je vaša doska na dosku príliš veľká, môžete ju zavesiť nad vrchol ako na obrázku vyššie a ohnúť sa nad hlavičkami na druhej strane a spájkovať ich do otvorov, kde mali ísť. Ak ste zmätení, pozrite sa na druhý obrázok.

Niekoľko užitočných rád:

• Drobná bodka na ATtiny musí byť orientovaná tak, aby bola blízko posuvného prepínača, inak budete mať kolíky v nesprávnom poradí.
• Orientácia držiaka batérie je dôležitá. Koniec držiaka s vyleptaným plusom musí byť na spodnej podložke (ukázané na odpor).
• Na orientácii prepínačov, tlačidiel, hlavičiek a rezistorov nezáleží

Ak máte nejaké otázky, pošlite mi e -mail na adresu info [at] coniferapps.com

Krok 3: Čas začať programovať

Začal som používať svoju kombináciu ATtiny/obrazovky pomocou nasledujúceho návodu: https://www.instructables.com/id/ATTiny85-connects-to-I2C-OLED-display-Great-Things/. V skutočnosti dokonca používam knižnicu, ktorú AndyB2 upravil vo svojich vlastných náčrtoch.

Programovať ATtiny budeme cez Arduino Uno. Nasledujúci návod vám ukáže, ako to urobiť: https://www.instructables.com/id/Program-an-ATtiny-with-Arduino/. Ak ste si to ešte nevšimli, všetky potrebné piny sú nápomocne vylomené na PCB s číslami pinov označenými na zadnej strane.

Ak chcete začať so základným príkladom, nahrajte na svoju kartu skicu uvedenú vyššie. Predtým než to urobíte, skontrolujte, či je vypínač napájania posunutý doprava. Nechcete, aby batéria a Uno dodávali súčasne napätie! V tomto priečinku je veľa súborov. O tom budem hovoriť viac v nasledujúcom kroku, ale väčšina súborov hlavičiek obsahuje hexadecimálne znázornenia monochromatických bitmapových obrázkov. Súbory.bmp sú tieto obrázky, ktoré som práve spomenul - ako vidíte, sú čiernobiele a majú presne 128 x 64 pixelov. Tieto nie sú nahrané do mikrokontroléra, ale myslel som si, že ich uvediem ako referenciu.

Krok 4: O samotnom programe

Skica, ktorú som vám dal nahrať v predchádzajúcom kroku, je veľmi základným príkladom toho, ako by ste mohli implementovať ponuku. Kliknutím na ľavé a pravé tlačidlo sa v programe prepne počítadlo. Potom sa zavolá funkcia, ktorá nechá ATtiny skontrolovať stav tohto počítadla a na základe čísla počítadla ATtiny nakreslí na obrazovku obrázok aktuálne zvolenej možnosti ponuky. Každá z rôznych vybratých buniek ponuky je svojim vlastným obrázkom. Ak stlačíte horné tlačidlo, ATtiny znova skontroluje stav počítadla a určí, akú obrazovku s podrobnosťami má zobraziť. Počas zobrazovania týchto podrobných obrazoviek ATtiny neustále kontroluje, či nie je stlačené nejaké tlačidlo. Hneď ako zistí stlačenie tlačidla, znova sa vyvolá funkcia, ktorá vykresľuje ponuky, a na obrazovku sa nakreslí aktuálny stav ponuky, čím sa dostaneme späť do ponuky. Znie to trochu skľučujúco, ak ste v programovaní nový, ale sľubujem vám, že keď sa pozriete na kód, bude to dávať väčší zmysel.

Každá z obrazoviek podrobností je tiež svojim vlastným obrázkom.

Ak ste si to nevšimli, možnosť prekvapenia nerobí nič. K tomu sa dostaneme v nasledujúcom kroku:).

Krok 5: Prispôsobenie vašej tvorby

Teraz, keď ste videli, čo som urobil, je načase, aby ste si kartu prispôsobili svojimi vlastnými informáciami. Knižnica, ktorú som zaradil, má funkciu na kreslenie textu na obrazovku, ale dôrazne vám odporúčam použiť striktne obrazové riešenie, pretože vyzerá oveľa lepšie. Pôvodne som sa chystal pridať fotky do programovej časti tohto návodu, ale je dostatočne dlhý, aby zaručoval jeho vlastný pokyn. Môžete si ho pozrieť tu:

Teraz, keď viete, ako pridávať fotografie, existuje veľa vecí, ktoré môžete na karte dosiahnuť. Môžete použiť moje ponuky a obrazovku pomocníka a jednoducho pridať svoje vlastné kontaktné informácie. Môžete si dokonca urobiť malú hru o možnosť „prekvapenia“. Bolo by celkom jednoduché presunúť veľmi malý sprite 10x10 po obrazovke pomocou tlačidiel a skontrolovať, či sa nezhoduje s iným spriteom. Pomocou rovnakého konceptu by ste mohli vytvoriť klopový vtáčí klon! Ak niečo urobíte, pošlite prosím jeho fotografiu/video/súbor do komentárov!

Ešte jeden malý bod, ktorý som zabudol spomenúť. Pokiaľ ide o úložisko, ATtiny85 toho veľa nemá. Pri programoch je to asi 8 kB. Môj súčasný náčrt s 5 obrázkami a knižnicou displejov OLED zaberá asi 7 z týchto 8 kB. Každá hra, ktorú urobíte, sa bude musieť zmestiť do tohto relatívne malého rozpätia, takže to bude zábavná výzva:).

Ďakujem, že ste ma počúvali a ak máte nejaké otázky, neváhajte mi poslať e -mail na adresu info [at] coniferapps.com ([at] nahraďte znakom @). Hlasujte za mňa v súťaži Autodesk Circuits! Našťastie budete čoskoro mať vlastnú vizitku/hru na predvádzanie sa!