כרטיס ביקור/קונסולת משחקים: מסך ATtiny85 ו- OLED: 5 שלבים (עם תמונות)

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:16

שלום כולם

היום אני הולך להראות לך כיצד תוכל לבנות כרטיס ביקור/קונסולת משחקים משלך/מה שאתה יכול לדמיין הכולל צג I2C OLED עם תאורה אחורית ומעבד מיקרו ATtiny85. במדריך זה אספר לך כיצד מתפקד למעשה PCB שעיצבתי, כיצד תוכל לבנות אותו ומה תוכל לעשות עם פונקציונליות זו. אם כבר יש לך מסך I2C המחובר ל- ATtiny85, מדריך זה עדיין יכול להיות מועיל אם אתה מנסה להציג תמונות או רוצה ליצור תפריטים, משחק ועוד.

אתה בטח תוהה מה זה הדבר הזה בעצם. זהו רק מעגל מודפס פשוט עם סוללה המשולבת, מסך, לחצנים, מתג הפעלה וכיבוי ויחידת עיבוד. תחשוב על זה כעל משחק זעיר, שתוכל לתכנת בקלות לעשות מגוון דברים. הָלְאָה!

שלב 1: האומץ

אם עדיין לא עשית זאת, אני ממליץ לך ליצור חשבון ב- circuits.io. זה יאפשר לך להתאים אישית את העיצוב שלי לצרכיך.

בשלב זה אסביר כיצד תוכל למעשה לשים את ידך על אחד ממעגלים מודפסים אלה (PCB). הכנתי את ה- PCB שלי ב- circuits.io, כלי מקוון נהדר שניתן להשתמש בו ליצירת סכמטי מעגלים ו- PCB. אתה יכול לצפות בעיצוב כאן:

אם אתה מעוניין להשיג את ה- PCB, תוכל להזמין כמה שתרצה מפארק OSH באמצעות הקישור הזה:

לוקח זמן להשיג את הלוחות (1-3 שבועות), אבל תאמין לי. זה שווה את זה! תזדקק לחלקים הבאים לבניית כרטיס רב תפקודי משלך:

• ATtiny85 באריזה SOIC-8. זהו המוח של הפרויקט שלנו השולט על הכל.
• מסך OLED I2C 128x64 פיקסל:
• 2 נגדים של 22k אוהם. אלה נגדי פולפול עבור הכפתורים.
• מחזיק CR2032 למשטח הר:
• סוללת מטבעות CR2032. הסוללה הקטנה הזו יכולה להפעיל את המעגל די הרבה זמן.
• מתג שקופיות בעל 3 פינים. זהו מתג ההפעלה!
• כותרות נקבות. אתה יכול להשתמש בהם כדי לתכנת את ATtiny85 בזמן שהוא במעגל!
• כפתורי 6 מ"מ:
• לוח מודפס (ניתן להזמין אותו באמצעות הקישור למעלה

כלים:

• ברזל הלחמה (עם קצה דק)
• לְרַתֵך
• קוצץ עופרת

לתכנות ה- ATtiny85:

• 6 חוטי מגשר זכר לזכר
• קבל אחד של 10 מיקרו-פאראד
• Arduino Uno או מיקרו-בקר אחר המבוסס על ATmega

שלב 2: הרכבת ה- PCB

זה באמת די קל. כל שעליך לעשות הוא להלחם את כל הרכיבים למקומות המתאימים להם, כפי שצוין על הלוח. חלק ממסכי ה- OLED האלה מגיעים בגדלים שונים, כך שאם שלך גדול מדי ללוח, תוכל להשאירו מעל החלק העליון כמו בתמונה למעלה, ולהתכופף מעל הכותרות בצד השני ולהלחם אותם לחורים שבהם הם היו אמורים ללכת. ראה את התמונה השנייה אם אתה מבולבל.

כמה טיפים מועילים:

• הנקודה הזעירה ב- ATtiny צריכה להיות מכוונת כך שהיא תהיה קרובה למתג השקופיות, אחרת הסיכות יהיו בסדר הלא נכון.
• הכיוון של מחזיק הסוללה חשוב. קצה המחזיק עם הפלוס החקוק צריך להיות על הכרית התחתונה (מכוון לכיוון הנגד).
• כיוון המתגים, הכפתורים, הכותרות והנגדים לא משנה

אם יש לך שאלות, אנא שלח לי דוא"ל לכתובת info [at] coniferapps.com

שלב 3: הזמן להתחיל בתכנות

קיבלתי את משולבת ATtiny/screen שלי באמצעות ההוראות הבאות: https://www.instructables.com/id/ATTiny85-connects-to-I2C-OLED-display-Great-Things/. למעשה, אני אפילו משתמש בספרייה ש- AndyB2 שינה במערכונים שלי.

הדרך בה אנו מתכנתים את ה- ATtiny היא באמצעות Uno Arduino. ההוראות הבאות מראות לך כיצד לעשות זאת: https://www.instructables.com/id/Program-an-ATtiny-with-Arduino/. אם עדיין לא שמת לב, כל הסיכות הדרושות נשברות בצורה מועילה במחשב הלוח עם מספרי הסיכות המסומנים מאחור.

אם אתה רוצה להתחיל עם דוגמה בסיסית, העלה את הסקיצה המקושרת למעלה לכרטיס שלך. וודא כי מתג ההפעלה מועבר ימינה לפני שתעשה זאת. אתה לא רוצה שהסוללה וה- Uno יספקו מתח בו זמנית! בתיקייה זו חבורה של קבצים. אני אדבר על זה יותר בשלב הבא, אבל רוב קבצי הכותרות שם הם ייצוגים הקסדצימליים של תמונות מפת סיביות מונוכרומטיות. קבצי.bmp הם התמונות שהזכרתי זה עתה - כפי שאתה יכול לראות, הן בשחור לבן ובדיוק 128x64 פיקסלים. אלה לא מועלים למיקרו -בקר, אבל חשבתי שאכלול אותם לעיון.

שלב 4: אודות התוכנית עצמה

המערכון שהעליתי אותך בשלב הקודם הוא דוגמה בסיסית ביותר לאופן בו תוכל ליישם תפריט. כאשר אתה לוחץ על כל אחד מהלחצנים הימניים והשמאליים, הוא מחליף מונה בתוכנית. לאחר מכן נקראת פונקציה שבה ה- ATtiny בודק את מצב מונה זה, ועל סמך מספר המונה ה- ATtiny מצייר תמונה של אפשרות התפריט שנבחרה כעת על המסך. כל אחד מתאי התפריט הנבחרים הוא התמונה שלו. אם לוחצים על הכפתור העליון, ה- ATtiny שוב בודק את מצב הדלפק כדי לקבוע איזה מסך פירוט להציג. בזמן שמסכי פירוט אלה מוצגים, ה- ATtiny בודק כל הזמן אם נלחץ על כפתור כלשהו. ברגע שהוא מזהה לחיצת כפתור, הפונקציה שמציירת את התפריטים נקראת שוב והמצב הנוכחי של התפריט נמשך על המסך, ומחזיר אותנו לתפריט. זה נשמע קצת מרתיע אם אתה חדש בתכנות, אבל אני מבטיח לך שברגע שתסתכל על הקוד זה יהיה הגיוני יותר.

כל אחד ממסכי הפירוט הוא גם התמונה שלו.

אם לא שמת לב, אפשרות ההפתעה לא עושה דבר. נגיע לזה בשלב הבא:).

שלב 5: התאמה אישית של היצירה שלך

כעת, לאחר שראית מה עשיתי, הגיע הזמן שתתאים אישית את הכרטיס בעזרת המידע שלך. לספרייה הזו שכללתי יש פונקציה של ציור טקסט על המסך, אך אני ממליץ בחום ללכת עם פתרון מבוסס תמונה בהחלט, מכיוון שהוא נוטה להיראות טוב יותר. במקור התכוונתי לעשות הוספת תמונות לחלק מהתוכנית של זה, אך זה מספיק זמן כדי להצדיק את זה. אתה יכול לצפות בו כאן:

עכשיו שאתה יודע להוסיף תמונות, יש הרבה דברים שאתה יכול לגרום לכרטיס לעשות. אתה יכול להשתמש בתפריטים ובמסך העזרה שלי, ופשוט להוסיף פרטי יצירת קשר משלך. אתה יכול אפילו להכין משחק קטן לאפשרות "הפתעה". זה יהיה די פשוט להעביר ספרייט זעיר מאוד בגודל 10x10 על המסך באמצעות הכפתורים ולבדוק אם הוא מתנגש עם ספרייט אחר. אתה יכול לעשות שיבוט ציפורים מרופדות באמצעות אותו רעיון! אם אתה עושה משהו, אנא פרסם תמונה/סרטון/קובץ שלו בתגובות!

רק עוד נקודה קטנה ששכחתי לציין. מבחינת האחסון, ל- ATtiny85 אין הרבה מזה. עבור תוכניות, זה בערך 8kb. הסקיצה הנוכחית שלי עם 5 תמונות וספריית התצוגה של OLED תופסת כ -7 מתוך 8 הקילו -בייט האלה. כל משחק שתעשה יצטרך להשתלב בתוך השוליים הקטנים יחסית, כך שזה יהיה אתגר מהנה:).

תודה שהקשבת לי לשוטט, ואם יש לך שאלות אל תהסס לשלוח לי דוא"ל לכתובת info [at] coniferapps.com (החלף [ב-] ב- @). אנא הצביעו לי בתחרות מעגלי Autodesk! אני מקווה שבקרוב יהיה לך כרטיס ביקור/משחק משלך להראות!