Käyntikortti/pelikonsoli: ATtiny85 ja OLED -näyttö: 5 vaihetta (kuvilla)

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:02

Hei kaikki

Tänään aion näyttää sinulle, kuinka voit rakentaa oman käyntikortin/pelikonsolin/mitä tahansa kuvitella, jossa on taustavalaistu I2C OLED -näyttö ja ATtiny85 -mikroprosessori. Tässä ohjeessa kerron sinulle, kuinka suunnittelemani piirilevy todella toimii, miten voit rakentaa sen ja mitä voit tehdä tällä toiminnolla. Jos sinulla on jo I2C -näyttö kytketty ATtiny85: een, tämä Instructable voi silti olla hyödyllinen, jos yrität saada kuvia näytettäväksi tai haluat tehdä valikoita, pelin ja paljon muuta.

Luultavasti ihmettelet, mikä tämä asia todella on. Se on yksinkertainen piirilevy, jossa on akku, näyttö, painikkeet, virtakytkin ja prosessointiyksikkö. Ajattele sitä pienenä Gameboyna, jonka voit helposti ohjelmoida tekemään erilaisia asioita. Eteenpäin!

Vaihe 1: Guts

Jos et ole jo tehnyt sitä, suosittelen lämpimästi tilin luomista osoitteeseen circuit.io. Näin voit muokata suunnittelua tarpeidesi mukaan.

Tässä vaiheessa selitän, kuinka voit itse saada käsiinne jonkin näistä piirilevyistä (PCB). Olen tehnyt piirilevyn piirissä.io, loistava online -työkalu, jonka avulla voit luoda piirikaavioita ja piirilevyjä. Voit katsoa mallin täältä:

Jos olet kiinnostunut saamaan piirilevyn, voit tilata OSH Parkista niin monta kuin haluat tämän linkin kautta:

Taulujen saaminen kestää jonkin aikaa (1-3 viikkoa), mutta luota minuun. Se on sen arvoista! Tarvitset seuraavat osat oman monitoimikortin rakentamiseen:

• ATtiny85 SOIC-8-pakkauksessa. Tämä on projektimme aivot, joka hallitsee KAIKKI.
• I2C 128x64 pikselin OLED -näyttö:
• 2 22 k ohmin vastusta. Nämä ovat painikkeiden vetovoimia.
• Pinta-asennettava CR2032-pidike:
• CR2032 -nappiparisto. Tämä pieni akku voi käyttää virtapiiriä jonkin aikaa.
• 3-nastainen liukukytkin. Tämä on virtakytkin!
• Naarasotsikot. Voit käyttää näitä ohjelmoidaksesi ATtiny85: n sen ollessa piirissä!
• 6 mm: n painikkeet:
• Painettu piirilevy (voit tilata sen yllä olevan linkin kautta

Työkalut:

• Juotosrauta (hieno kärki)
• Juottaa
• Lyijynleikkurit

ATtiny85: n ohjelmointi:

• 6 Uros -uros -hyppyjohdot
• Yksi 10 mikro-farad-kondensaattori
• Arduino Uno tai jokin muu ATmega-pohjainen mikro-ohjain

Vaihe 2: Piirilevyn kokoaminen

Tämä on todella helppoa. Sinun tarvitsee vain juottaa kaikki komponentit paikoilleen, kuten taulukossa on ilmoitettu. Jotkut näistä OLED -näytöistä ovat erikokoisia, joten jos omasi on liian suuri levylle, voit laittaa sen roikkumaan yläpuolelle kuten yllä olevassa kuvassa ja taivuttaa toisella puolella olevien otsikoiden yli ja juottaa ne reikiin, joissa heidän piti mennä. Katso toinen kuva, jos olet hämmentynyt.

Muutama hyödyllinen vinkki:

• ATtiny -laitteen pieni piste on suunnattava niin, että se on lähellä liukukytkintä, muuten nastat ovat väärässä järjestyksessä.
• Paristopidikkeen suunnalla on väliä. Pidikkeen pään, jossa on syövytetty plus, on oltava pohjalevyssä (osoitettu vastusta kohti).
• Kytkinten, painikkeiden, otsikoiden ja vastusten suunnalla ei ole väliä

Jos sinulla on kysyttävää, lähetä minulle sähköpostia osoitteeseen info [at] coniferapps.com

Vaihe 3: Aika ohjelmoida

Sain ATtiny/näytön yhdistelmän toimimaan seuraavan Instructable-ohjelman avulla: https://www.instructables.com/id/ATTiny85-connects-to-I2C-OLED-display-Great-Things/. Itse asiassa käytän jopa kirjastoa, jota AndyB2 muokkasi omissa luonnoksissani.

Tapa, jolla aiomme ohjelmoida ATtinyä, on Arduino Unon kautta. Seuraavassa Instructable-ohjelmassa näytetään, kuinka tämä tehdään: https://www.instructables.com/id/Program-an-ATtiny-with-Arduino/. Jos et ole jo huomannut, kaikki tarvittavat nastat on katkaistu piirilevylle ja niiden takana olevat merkinnät on merkitty.

Jos haluat aloittaa perusesimerkillä, lataa yllä linkitetty luonnos kortillesi. Varmista, että virtakytkin on siirretty oikealle ennen kuin teet tämän. Et halua, että akku ja Uno toimittavat molemmat jännitettä samanaikaisesti! Siinä kansiossa on joukko tiedostoja. Puhun tästä enemmän seuraavassa vaiheessa, mutta suurin osa siellä olevista otsikkotiedostoista on heksadesimaalisia esityksiä yksivärisistä bittikarttakuvista.. Bmp -tiedostot ovat juuri mainitsemiani kuvia - kuten näette, ne ovat mustavalkoisia ja tarkasti 128x64 pikseliä. Näitä ei ole ladattu mikrokontrolleriin, mutta ajattelin sisällyttää ne viitteeksi.

Vaihe 4: Tietoja ohjelmasta

Luonnos, jonka latasin edellisessä vaiheessa, on hyvin yksinkertainen esimerkki valikon toteuttamisesta. Kun napsautat vasenta ja oikeaa painiketta, se vaihtaa laskuria ohjelmassa. Tämän jälkeen kutsutaan funktio, jonka ATtiny tarkistaa tämän laskurin tilan, ja ATtiny piirtää laskurin numeron perusteella kuvan parhaillaan valitusta valikkovaihtoehdosta. Jokainen valituista valikkosoluista on oma kuva. Jos yläpainiketta painetaan, ATtiny tarkistaa jälleen laskurin tilan määrittääkseen, mitä yksityiskohtien näyttöä näytetään. Näiden yksityiskohtaisten näyttöjen ollessa esillä ATtiny tarkistaa jatkuvasti, onko jotain painiketta painettu. Kun se havaitsee painikkeen painalluksen, valikot piirtävä toiminto kutsutaan uudelleen ja valikon nykyinen tila piirretään ruudulle, mikä johtaa meidät takaisin valikkoon. Kuulostaa hieman pelottavalta, jos olet uusi ohjelmoija, mutta lupaan sinulle, kun katsot koodia, se on järkevämpää.

Jokainen yksityiskohtaikkuna on myös oma kuvansa.

Jos et ole huomannut, yllätysvaihtoehto ei tee mitään. Tähän päästään seuraavassa vaiheessa:).

Vaihe 5: Luomisen mukauttaminen

Nyt kun olet nähnyt, mitä olen tehnyt, sinun on aika muokata korttia omilla tiedoillasi. Sisälläni olevalla kirjastolla on toiminto piirtää tekstiä ruudulle, mutta suosittelen lämpimästi kuvapohjaista ratkaisua, koska se näyttää paljon paremmalta. Aioin alun perin lisätä valokuvien lisäämisen ohjelman osaan tästä ohjeellisesta, mutta se on riittävän pitkä, jotta se voi taata oman ohjeistuksensa. Voit katsoa sen täältä:

Nyt kun tiedät kuinka lisätä valokuvia, voit saada kortin tekemään joukon asioita. Voit käyttää valikoitani ja ohjenäyttöä ja lisätä vain omat yhteystietosi. Voit jopa tehdä pienen pelin "yllätys" -vaihtoehdolle. Olisi melko yksinkertaista siirtää hyvin pieni 10x10 sprite näytön ympärillä painikkeilla ja tarkistaa, törmääkö se toiseen spriteen. Voit tehdä flappy lintu klooni käyttämällä tätä samaa käsitettä! Jos teet jotain, lähetä kuva/video/tiedosto siitä kommentteihin!

Vielä yksi pieni asia, jonka unohdin mainita. Mitä tulee tallennustilaan, ATtiny85: llä ei ole paljon sitä. Ohjelmissa se on noin 8 kb. Nykyinen luonnokseni, jossa on 5 kuvaa ja OLED -näyttökirjasto, vie noin 7 näistä 8 kb. Kaikkien tekemiesi pelien täytyy mahtua tähän suhteellisen pieneen marginaaliin, joten siitä tulee hauska haaste:).

Kiitos, että kuuntelit minua, ja jos sinulla on kysyttävää, älä epäröi lähettää minulle sähköpostia osoitteeseen info [at] coniferapps.com (korvaa [at] merkillä @). Äänestä minua Autodesk Circuits -kilpailussa! Toivottavasti sinulla on pian oma käyntikortti/peli esille!