So, in the last batch of Electrocards I assembled, one of the displays had a very poor brightness. A fun project to see if I would be able to debug this issues.
The benefit of having multiple copies of your board (including correctly functioning boards) is that you can simply compare your measurements. So with the help of my $15 SMD multimeter I started poking around on the board. Of course, some items give strange values since they are connected to the board, but it's a good first step.
C1, C2 and C3 should give a value somewhere near 1uF. And on the functioning board, this was indeed the case.
However, On the faulty board C2 resulted in an overload message on my multimeter. Did I really find the issue with my second measurement?
C1 and C2 are used by the OLED's internal voltage pump. This voltage pump creates the high voltage nessecery to light op the OLED pixels. Without a correctly funtioning voltage pump the pixels won't light up bright enough (or not at all ...). So an issue with C2 could indeed cause the problem.
With a few karate kicks, some screaming and crying I managed to remove the faulty capacitor.
Replacing the capacitor was just as easy, so less than a minute later I was able to do another measurement. Unfortunately the problem still persisted.
This lead me to an other possible cause: a shortage in the display's board connector. And with the help of an macro lens on my iPhone, I figured out it wouldn't be very strange. Boy this solder joint looks messy!
One quick swipe with my soldering iron over the joints removed the short. And lo and behold: the issue was gone, indeed!
Of course, the next step would be making a nice photo for this blog post to show the result. But since the new C2 capacitor was placed a little bit crooked, I decided to quickly give it a blast of hot air. Pure for aesthetics.
Well, that turned out be be a mistake. Apparently the tiny OLED screen near the capacitor didn't really enjoy the cosy warm atmosphere. It still worked, but it clearly had some visible damage.
The greenish yellow part of the screen on the photo below was caused by the heat. Not by a reflection of light. Oops!
So with another blast of hot air I removed the damaged screen and cleaned up the soldering pads.
Luckily I have a huge stash of OLED's laying around, so a replacement part was quickly found.
After an other soldering job, this time with my regular soldering iron, the board worked as it should. Ready to be given away to one of my customers.
And for these two innocent components?
They'll end up in the round archive. AKA the trash bin.
Now that the hardware part of my Electrocard is done, it's time to start working on the software side of my electronic business card.
This is a 3 part story. Check out the previous parts here:
Part 1: Designing the PCB.
Part 2: Soldering the board.
First of all, it's good to make a list of the desired functionalities. Of course, the OLED screen combined with the 3 push buttons give me a lot of nice opportunities, so most of all, the display will be used to display the important company information for as far as it isn't already printed on the PCB's.
Secondary, it would be nice to display some debug information regarding the battery, the memory and the software version.
And last but not least, it's mandatory to add a nice easter egg to a business card like this. But more about that later.
The controls
Since I have three buttons, and have both primary and secondary functionalities, I want to add a short press and long press feature to the buttons. This is easily done with the help of the clickButton library. It gives me a simple way to add 6 desired modes:
Button A, Short press: Power on / Display the startup screen.
Button B, Short press: Display my company's address.
Button C, Short press: Display my company's & blog's url.
Button A, Long press: Standby mode (also initiated after 30 seconds of inactivity).
Button B, Long press: Debug mode.
Button C, Long press: Start the easter egg.
With the help of the earlier mentioned button library and a simple state machine the user can switch between the various modes, without the need of an complicated user interface.
Controlling the display
Controlling the display isn't particular difficult, especially since there are a lot of example codes and libraries available to control the SSD1306 OLED controlled I've used. I've tried a few of them, and most of them run fine on the ATTiny85 processor. But during the process I found out there are actually two separate challenges.
Control the display by sending an image to the OLED controller.
Drawing realtime graphics onto the screen.
The first challenge isn't extremely difficult. Most of the available libraries allow you to send a 128x32 pixel monochrome image (a BPM converted to a HEX values stored in the micro controller's flash memory) to the OLED controller. It took a while to figure out how to convert the BPM to the correct values, since it depends a bit on how the library reads and writes the data. But after some googling I found a working combination of the TinyOLED library and the LCD Assistant image converter.
This is the same method as used for writing text to the OLED. In stead of one complete stream of image data, every letter has a small portion of data (6 bytes) which is read from the micro controller's flash memory.
The second part is a bit more complicated, and that is mostly due to the limited available memory (RAM) of the ATTiny85 micro controller.
The OLED expects a sequential stream of bytes to control 8 vertical pixels per byte. The 128x32 pixel oled is built up by four rows (called pages) of 8 vertical pixels (1 byte). Each 128 bytes width. In total that adds up to 512 bytes.
If you want to draw lines and shapes on any position on the screen, you'll need to create a buffer for those 4096 pixels (512 bytes) in the micro controller's memory, to which you can draw. After drawing to the buffer, you send the full buffer to the OLED and your lines and shapes are displayed on the screen. That's how most OLED libraries work (for example, the popular Adafruit SSD1306 library).
The problem is, that you'll need to allocate 512 bytes of memory in you micro controller as the buffer. Since the ATTiny85 I used only has 512 bytes of RAM in total, there isn't enough memory to allocate this buffer.
In other words: I can't allocate a buffer. I need to render the drawing while I'm writing all the graphics data to the OLED controller. This turned out to be a BIG challenge. And while I only needed this for incorporating the easter egg, it's something I wanted to solve.
The Easter Egg: Horizontal Micro Tetris!
So, as told, I wanted to add a nice easter egg. I already programmed Pong once. But with the 3 push switches and the width 128x32 pixel screen, i reckon Tetris was better suited. Or to be more precise: horizontal Tetris. The added benefit of tetris is that it doesn't need a high frame rate. And honestly, seeing such a cute little Tetris game on a business card, brings a smile to most people's faces.
Due to the size of the screen, I opted to go for Tetris blocks of 4x4 pixel squares. This way, 8 blocks will fit vertically, and there is room for 32 horizontal blocks. In total there will be room for 256 blocks.
The blocks that are already on screen will be stored in an array called the arenaMatrix. And since each vertical row has 8 blocks, this array will consist of 32 bytes.
unsigned char arenaMatrix [32] = {};
The currently falling piece will be stored in a 4x4 block matrix, called the userMatrix. And since since we only need 16 bits of data, we can easily store this in an integer.
unsigned int playerMatrix = 0;
In other words, for storing all the blocks, we only need 34 bytes of data. Leaving us 478 bytes for additional variables (like the score and the user's piece position) but of course also a lot of other objects and pieces of code that's loaded in to memory.
Since the two matrixes matrices contain every piece of information I want to display on screen during a game of tetris, the render function can "simply" lookup and calculate the bytes of data for the OLED controller on the fly. This solves the lack of the graphics buffer. Or, if you look at it from a different perspecitve: this is an alternative graphics buffer with a 1/16th resolution (since the blocks are made of of 4x4 pixels).
In any way: it allowed me to render tetris without the use of any helper methods like drawLine() or drawSquare(). It all comes down to flipping bits one by one. Which isn't the most convenient, but did teach me A LOT about bit manipulation.
Now, of course, drawing a few matrices to the screen isn't enough to make a playable tetris. It needs some timers to drop the pieces. It needs collision detection to check if the blocks hit an other block. It needs a way to check if a fill line is filled with blocks, and it needs a way to remove the fully filled lines.
The Code
I'd love to run you thru the code, but that would probably account for a full year of blog posts. So to make things easier, I put all my code on GitHub so you can take a look at everything that's in there. Feel free to take a look at the Electrocard Repository.
If you're not familiar with the PlatformIO folder structure, you might want to start at the entrance point of the firmware in the main.cpp file. If you're mainly curious for the Tetris code, check out the Tetris.cpp file.
Fun fact: the full code used almost every byte of flash available in the the ATTiny85 (8KB). Of course, I could work on making the code more efficient, but everything I wanted to be in there is in the code.
Game Over
And with this information, I think this project is a wrap. It was an extremely satisfying and fun project to work on. Both the electronics and the code.
Although I'm extremely satisfied with the end product, there are some things to reconsider if I start a similar product:
Consider a different micro controller. Finding a solution for the limited amount of memory of the ATTiny85 was fun, but having a little bit more memory would probably allow me to add a few nice effects.
If I did have an other micro controller, I'd probably have more GPIO pins, which allowed me to add more buttons, and a nice colorful LED. Every project is better with a LED.
In the future, I'll definitely check EVERY footprint before I order my PCB's.
Work on the software on the breadboard prototype before you finish up the PCB. This would have showed me the limiting factor of the ATTiny85. I would have given me a heads up before I pulled out all my hairs during the search for a solution.
If you have any question or suggestions about this project, feel free to leave them in the comments down below.
In diesem Beitrag möchte ich das wohl kleinste OLED Display für den Arduino bzw. Raspberry PI vorstellen.
0,42 Zoll OLED Display mit I2C Schnittstelle für den Arduino
Bezug
Dieses kleine OLED Display habe ich über aliexpress.com im Angebot für knapp 2€ inkl. Versandkosten erstanden. Auf ebay.de findest du diverse OLED Displays für den Arduino, garantiert wirst du demnächst auch dort dieses kleine Teil finden.
Lieferumfang
Zum Lieferumfang des Displays gehörte lediglich eine 4er Stiftleiste welche an diesen von oben oder unten angelötet werden kann. Da ich die Displays immer auf Breadboards verwende löte ich diese Stiftleiste nach unten an.
Technische Daten des 0,42 Zoll OLED Displays
Das Display verfügt über folgende Technische Daten:
Betriebsspannung: 3,3V
Schnittstelle: I2C
Adresse: 0x3C
Chip: SSD1306
Auflösung: 70x40 Pixel
Abmaße (L x B): 22mm x 17mm
Die Adresse des Displays ist leider nirgends auf der Platine vermerkt somit muss ich hier zum I2C Scanner von Arduino Playground greifen, welcher mit dann die korrekte Adresse auf dem seriellen Monitor der Arduino IDE ausgegeben hat.
Aufbau & Schaltung
Das Display verfügt wie unter den Technischen Daten erwähnt über die Schnittstelle I2C, somit wird das Display über die Pins SDA & SCL an den Arduino angeschlossen.
0,42" OLED Display
Arduino UNO
GND
GND
VCC
3,3V
SCL
analoger Pin A5
SDA
analoger Pin A4
//hier ein Foto vom Aufbau
Programmieren
Für die Programmierung des Displays verwende ich neben der Arduino IDE noch einige Bibliotheken. Wie du eine Bibliothek in die Arduino IDE einbindest habe ich in dem Beitrag Arduino IDE, Einbinden einer Bibliothek ausführlich erläutert.
benötigte Bibliotheken zum betrieb des Displays am Arduino UNO
Es werden die Bibliotheken:
Adafruit GFX
Adafruit SSD1306
Ich habe dir hier zusätzlich die Links zu den GitHub Repositorys der einzelnen Bibliotheken verlinkt, somit kannst du diese alternativ über die Funktion ".ZIP-Bibliothek hinzufügen..." einbinden.
Die Bibliotheken sind eigentlich für Displays im Format 128x32 Pixel ausgelegt, dieses kleine Display hat jedoch eine Auflösung von 70x40 Pixel somit muss die "Startkoordinate" angepasst werden.
Beispiele
Für die nachfolgenden Beispiele werde ich nachfolgendes einfache Beispiel als Basis verwenden:
//Bibliotheken zum betreiben des Displays
#include
#include
#define OLED_RESET 4
//eine neue instanz für das Display erzeugen
Adafruit_SSD1306 display(OLED_RESET);
//Variable zum speichern der aktuellen Zahl
int index = 0;
void setup() {
//aufbauen der Kommunikation zum Display mit der I2C Adresse 0x3C
display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
//setzen der Textgröße auf den Wert 2
display.setTextSize(2);
//setzen der Textfarbe auf Weiß
display.setTextColor(WHITE);
}
void loop() {
//löschen des inhalts des Displays
display.clearDisplay();
//positionieren des Cursors zum schreiben eines Textes
//an der Position X / Y
display.setCursor(36, 12);
//incrementieren des Index
index = index +1;
//schreiben des Indexes auf das Display
display.println(String(index,DEC));
//aktualisieren des Displays
display.display();
//eine kleine Pause von 25ms.
delay(25);
}
Textgröße
In der Bibliothek Adafruit GFX gibt es die Funktion "setTextsize()", mit dieser Funktion kann man die Textgröße auf dem Display setzen.
Dieser Funktion kann ein Ganzzahligen Wert, beginnend bei 1 (default) annehmen.
display.setTextSize(1);
Aus der Quellcodedokumentation zur Funktion geht hervor dass, das inrementieren dieses Wertes den Text um je 1 Pixel vergrößert.
Da die Schriftart auf dem Display eine nichtproportionale Schriftart ist, werden die Zeichen in gleicher Breite dargestellt. D.h. der Buchstabe I (ein großes "i") hat die gleiche Breite wie der große Buchstabe "A" bzw. der Buchstabe "V" hat auch die gleiche Breite wie der Buchstabe "W". (siehe Wikipedia Artikel : Nichtproportionale Schriftart)
Read the full article
In diesem Beitrag möchte ich das wohl kleinste OLED Display für den Arduino bzw. Raspberry PI vorstellen.
0,42 Zoll OLED Display mit I2C Schnittstelle für den Arduino
Bezug
Dieses kleine OLED Display habe ich über aliexpress.com im Angebot für knapp 2€ inkl. Versandkosten erstanden. Auf ebay.de findest du diverse OLED Displays für den Arduino, garantiert wirst du demnächst auch dort dieses kleine Teil finden.
Lieferumfang
Zum Lieferumfang des Displays gehörte lediglich eine 4er Stiftleiste welche an diesen von oben oder unten angelötet werden kann. Da ich die Displays immer auf Breadboards verwende löte ich diese Stiftleiste nach unten an.
Technische Daten des 0,42 Zoll OLED Displays
Das Display verfügt über folgende Technische Daten:
Betriebsspannung: 3,3V
Schnittstelle: I2C
Adresse: 0x3C
Chip: SSD1306
Auflösung: 70x40 Pixel
Abmaße (L x B): 22mm x 17mm
Die Adresse des Displays ist leider nirgends auf der Platine vermerkt somit muss ich hier zum I2C Scanner von Arduino Playground greifen, welcher mit dann die korrekte Adresse auf dem seriellen Monitor der Arduino IDE ausgegeben hat.
Aufbau & Schaltung
Das Display verfügt wie unter den Technischen Daten erwähnt über die Schnittstelle I2C, somit wird das Display über die Pins SDA & SCL an den Arduino angeschlossen.
0,42" OLED Display
Arduino UNO
GND
GND
VCC
3,3V
SCL
analoger Pin A5
SDA
analoger Pin A4
//hier ein Foto vom Aufbau
Programmieren
Für die Programmierung des Displays verwende ich neben der Arduino IDE noch einige Bibliotheken. Wie du eine Bibliothek in die Arduino IDE einbindest habe ich in dem Beitrag Arduino IDE, Einbinden einer Bibliothek ausführlich erläutert.
benötigte Bibliotheken zum betrieb des Displays am Arduino UNO
Es werden die Bibliotheken:
Adafruit GFX
Adafruit SSD1306
Ich habe dir hier zusätzlich die Links zu den GitHub Repositorys der einzelnen Bibliotheken verlinkt, somit kannst du diese alternativ über die Funktion ".ZIP-Bibliothek hinzufügen..." einbinden.
Die Bibliotheken sind eigentlich für Displays im Format 128x32 Pixel ausgelegt, dieses kleine Display hat jedoch eine Auflösung von 70x40 Pixel somit muss die "Startkoordinate" angepasst werden.
Beispiele
Für die nachfolgenden Beispiele werde ich nachfolgendes einfache Beispiel als Basis verwenden:
//Bibliotheken zum betreiben des Displays
#include
#include
#define OLED_RESET 4
//eine neue instanz für das Display erzeugen
Adafruit_SSD1306 display(OLED_RESET);
//Variable zum speichern der aktuellen Zahl
int index = 0;
void setup() {
//aufbauen der Kommunikation zum Display mit der I2C Adresse 0x3C
display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
//setzen der Textgröße auf den Wert 2
display.setTextSize(2);
//setzen der Textfarbe auf Weiß
display.setTextColor(WHITE);
}
void loop() {
//löschen des inhalts des Displays
display.clearDisplay();
//positionieren des Cursors zum schreiben eines Textes
//an der Position X / Y
display.setCursor(36, 12);
//incrementieren des Index
index = index +1;
//schreiben des Indexes auf das Display
display.println(String(index,DEC));
//aktualisieren des Displays
display.display();
//eine kleine Pause von 25ms.
delay(25);
}
Textgröße
In der Bibliothek Adafruit GFX gibt es die Funktion "setTextsize()", mit dieser Funktion kann man die Textgröße auf dem Display setzen.
Dieser Funktion kann ein Ganzzahligen Wert, beginnend bei 1 (default) annehmen.
display.setTextSize(1);
Aus der Quellcodedokumentation zur Funktion geht hervor dass, das inrementieren dieses Wertes den Text um je 1 Pixel vergrößert.
Da die Schriftart auf dem Display eine nichtproportionale Schriftart ist, werden die Zeichen in gleicher Breite dargestellt. D.h. der Buchstabe I (ein großes "i") hat die gleiche Breite wie der große Buchstabe "A" bzw. der Buchstabe "V" hat auch die gleiche Breite wie der Buchstabe "W". (siehe Wikipedia Artikel : Nichtproportionale Schriftart)
Read the full article
