{"id":1616,"date":"2020-08-05T20:00:00","date_gmt":"2020-08-05T18:00:00","guid":{"rendered":"http:\/\/msalamon.pl\/?p=1616"},"modified":"2020-09-03T10:23:39","modified_gmt":"2020-09-03T08:23:39","slug":"oled-ze-skala-szarosci-na-ssd1327-cz-2","status":"publish","type":"post","link":"https:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-2\/","title":{"rendered":"OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.2"},"content":{"rendered":"<p style=\"text-align: justify;\">Ostatnio poteoretyzowa\u0142em na temat <a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">OLEDa z 16-stopniow\u0105 skal\u0105 szaro\u015bci.<\/a> Wiemy ju\u017c jak uzyskiwane jest tych 16 kolor\u00f3w oraz jak zorganizowana jest pami\u0119\u0107 RAM wy\u015bwietlacza. Pora wy\u015bwietli\u0107 co\u015b na nim, co nie? Spr\u00f3bujemy w pierwszej kolejno\u015bci u\u017cy\u0107 biblioteki graficznej od zwyk\u0142ego monochromatycznego OLEDa, kt\u00f3rej u\u017cywa\u0142em do <a href=\"http:\/\/msalamon.pl\/wyswietlacze-oled-ssd1306-i2c-czy-spi\/\">SSD1306<\/a>. Do dzie\u0142a!<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">Taki OLED ze skal\u0105 szaro\u015bci mo\u017cesz kupi\u0107 u mnie.<\/a><\/strong><a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=ssd1327\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/OLED-SSD1327-baner.jpg\" alt=\"\" width=\"1200\" height=\"400\" class=\"aligncenter wp-image-1606 size-full\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/OLED-SSD1327-baner.jpg 1200w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/OLED-SSD1327-baner-300x100.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/OLED-SSD1327-baner-1024x341.jpg 1024w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/OLED-SSD1327-baner-768x256.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 24pt;\"><strong>Spis tre\u015bci ca\u0142ego cyklu o OLED na SSD1327:<\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-1\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.1<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-2\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.2<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/jak-przygotowac-obraz-dla-wyswietlacza-lcd-lub-tft\/\">Jak przygotowa\u0107 obraz dla wy\u015bwietlacza LCD lub TFT?<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-3\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.3<\/a><\/strong><\/p>\n<h1>Pod\u0142\u0105czenie i Cube<\/h1>\n<p style=\"text-align: justify;\">Do dzisiejszego projektu wykorzysta\u0142em <a href=\"https:\/\/sklep.msalamon.pl\/produkt\/nucleo-f401re\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">Nucleo F401RE<\/a>.<\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 24pt;\"><strong><a href=\"https:\/\/sklep.msalamon.pl\/produkt\/nucleo-f401re\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">Takie Nucleo kupisz u mnie w sklepie.<\/a><\/strong><\/span><\/p>\n<p style=\"text-align: justify;\">Wersje u\u017cytych program\u00f3w:<\/p>\n<ul style=\"text-align: justify;\">\n<li>STM32CubeIDE 1.3.0<\/li>\n<li>STM32CubeMX 5.6.0 zaszyty w IDE<\/li>\n<li>Biblioreka HAL F4&nbsp;<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Pod\u0142\u0105czenie jest tak proste, \u017ce nie b\u0119d\u0119 rysowa\u0142. Ja si\u0119 wpi\u0105\u0142em do I\u00b2C1 z przekierowanymi pinami na te ze z\u0142\u0105cza Arduino.<\/p>\n<p style=\"text-align: justify;\">I\u00b2C1 p\u00f3ki co pozostawi\u0142em w domy\u015blnej konfiguracji 100 kHz. Przyjdzie p\u00f3\u017aniej czas na zmiany i por\u00f3wnania.<\/p>\n<h1>Inicjalizacja OLED SSD1327<\/h1>\n<p style=\"text-align: justify;\">Pocz\u0105tkowo chcia\u0142em napisa\u0107 samemu procedur\u0119 inicjalizacji. Przecie\u017c to tylko kilka rejestr\u00f3w i maj\u0105c dokumentacj\u0119 mo\u017cna osi\u0105gn\u0105\u0107 pr\u0119dzej czy p\u00f3\u017aniej zadowalaj\u0105cy rezultat. No w\u0142a\u015bnie&#8230; p\u00f3\u017aniej. Chwil\u0119 si\u0119 pog\u0142owi\u0142em i zorientowa\u0142em si\u0119, \u017ce kontroler z pixelami po\u0142\u0105czony jest w dosy\u0107 nieoczywisty spos\u00f3b. Pierwsze co mnie spotka\u0142o, to domy\u015blne wy\u015bwietlanie obrazu do g\u00f3ry nogami, ale to by\u0142o dosy\u0107 proste do zrobienia.<\/p>\n<p style=\"text-align: justify;\">Dopiero p\u00f3\u017aniej zauwa\u017cy\u0142em, \u017ce pixele s\u0105 nieco poprzesuwane&#8230; Walczy\u0142em dobre 10 minut, a\u017c stwierdzi\u0142em, \u017ce si\u0119 poddaj\u0119. Zacz\u0105\u0142em szuka\u0107 w Internecie jakiego\u015b gotowego kodu, z kt\u00f3rego m\u00f3g\u0142bym zaci\u0105gn\u0105\u0107 procedur\u0119 inicjalizacji.<\/p>\n<p style=\"text-align: justify;\"><strong>Pami\u0119taj, \u017ce nie ma nic z\u0142ego w posi\u0142kowaniu si\u0119 gotowcami, je\u015bli wiemy co one robi\u0105 i do czego mog\u0105 nam pos\u0142u\u017cy\u0107.<\/strong> Cz\u0119sto nie ma sensu wymy\u015bla\u0107 ko\u0142a na nowo. Po to zazwyczaj producenci udost\u0119pniaj\u0105 kod demonstracyjny, aby korzysta\u0107. No w\u0142a\u015bnie &#8211; producenci. Niestety przy takim <a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">OLED firm <\/a><em><a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">No Name<\/a>&nbsp;<\/em> mo\u017cemy nie znale\u017a\u0107 kodu producenta. Posi\u0142kowa\u0107 si\u0119 trzeba np. bibliotekami Arduino.<\/p>\n<p style=\"text-align: justify;\">Jakie ogromne by\u0142o moje zdziwienie, gdy zobaczy\u0142em, \u017ce<a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\"> ten OLED<\/a> nie jest jako\u015b popularny w\u015br\u00f3d Arduinowc\u00f3w! Na szcz\u0119\u015bcie <a href=\"https:\/\/github.com\/olikraus\/u8g2\" target=\"_blank\" rel=\"noopener\">biblioteka u8g2<\/a> ma zaszyte w sobie inicjalizacje do <a href=\"https:\/\/sklep.msalamon.pl\/produkt\/wyswietlacz-oled-132-skala-szarosci-bialy\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=ssd1327&amp;utm_content=Text\">tych OLED\u00f3w.<\/a> Co prawda troch\u0119 enignatycznie napisane, ale da\u0142em rad\u0119 rozszyfrowa\u0107 to na ludzki j\u0119zyk. Wzi\u0105\u0142em wi\u0119c libk\u0119, przepisa\u0142em i&#8230; zadzia\u0142a\u0142o. Dzi\u0119ki koledzy od Arduino za pomoc! \ud83d\ude42<\/p>\n<p><strong>Swoj\u0105 drog\u0105 spr\u00f3bowa\u0142bym uruchomi\u0107 kiedy\u015b t\u0119 bibliotek\u0119 na STM32 pod HALem. Co Ty na co? Daj zna\u0107 w komentarzu!<\/strong><\/p>\n<p style=\"text-align: justify;\">Komendy samego kontrolera SSD1327 s\u0105 bardzo podobne do tych z SSD1306, wi\u0119c zachowa\u0142em konwencj\u0119 pisania biblioteki. Dzi\u0119ki temu sporo pracy mi odpad\u0142o. Tak wygl\u0105da sama inizjalizacja.<\/p>\n<pre class=\"lang:c decode:true\">void SSD1327_Init(void)\r\n{\r\n\tSSD1327_Command(SSD1327_DISPLAYOFF);  \/\/ Display Off\r\n\r\n\tSSD1327_Command(SSD1327_SETMULTIPLEX);\r\n\tSSD1327_Command(0x5F);\r\n\r\n\tSSD1327_Command(SSD1327_SETDISPLAYSTARTLINE);\r\n\tSSD1327_Command(0x00);\r\n\r\n\tSSD1327_Command(SSD1327_SETDISPLAYOFFSET);\r\n\tSSD1327_Command(0x20);\r\n\r\n\tSSD1327_Command(SSD1327_SEGREMAP);\r\n\tSSD1327_Command(0x51);\r\n\r\n\tSSD1327_SetContrast(0x7F);\r\n\r\n\tSSD1327_Command(SSD1327_SETPHASELENGTH);\r\n\tSSD1327_Command(0x22);\r\n\r\n\tSSD1327_Command(SSD1327_SETFRONTCLOCKDIVIDER_OSCILLATORFREQUENCY);\r\n\tSSD1327_Command(0x50);\r\n\r\n\tSSD1327_Command(SSD1327_SELECTDEFAULTLINEARGRAYSCALETABLE);\r\n\r\n\tSSD1327_Command(SSD1327_SETPRECHARGEVOLTAGE);\r\n\tSSD1327_Command(0x10);\r\n\r\n\tSSD1327_Command(SSD1327_SETSETVCOMVOLTAGE);\r\n\tSSD1327_Command(0x05);\r\n\r\n\tSSD1327_Command(SSD1327_SETSECONDPRECHARGEPERTIOD);\r\n\tSSD1327_Command(0x0a);\r\n\r\n\tSSD1327_Command(SSD1327_FUNCTIONSELECTIONB);\r\n\tSSD1327_Command(0x62);\r\n\r\n\tSSD1327_Command(SSD1327_SETCOLUMNADDRESS);\r\n\tSSD1327_Command(0x00);\r\n\tSSD1327_Command(0x3F);\r\n\r\n\tSSD1327_Command(SSD1327_SETROWADDRESS);\r\n\tSSD1327_Command(0x00);\r\n\tSSD1327_Command(0x5F);\r\n\r\n\tSSD1327_Command(SSD1327_NORMALDISPLAY);  \/\/ Set Normal Display\r\n\r\n\tSSD1327_Command(SSD1327_DISPLAYALLON_RESUME);  \/\/ Entire Display ON\r\n\r\n#if GRAPHIC_ACCELERATION_COMMANDS == 1\r\n\tSSD1327_StopScroll();\r\n#endif\r\n\tSSD1327_DisplayON(1);\r\n}<\/pre>\n<p>Po uruchomieniu tego kodu na wy\u015bwietlaczu pojawia si\u0119&#8230; galaktyka!<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic.jpg\" alt=\"\" width=\"1000\" height=\"1000\" class=\"aligncenter size-full wp-image-1617\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic.jpg 1000w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_galactic-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a>Je\u015bli jeszcze nie wiesz sk\u0105d ona si\u0119 bierze to ju\u017c t\u0142umacz\u0119. <strong>Pami\u0119\u0107 RAM ma to do siebie, \u017ce po podaniu napi\u0119cia wszystkie kom\u00f3rki ustawiaj\u0105 si\u0119 w &#8220;losowe&#8221; warto\u015bci. Jako \u017ce RAM odzwierciedla to, co jest widoczne na wy\u015bwietlaczu, st\u0105d mamy taki obraz.<\/strong> Wystarczy wi\u0119c wyczy\u015bci\u0107 ten RAM, aby by\u0142o jednolicie &#8211; np. zgasi\u0107 wszystkie piksele.<\/p>\n<h2>Buforowanie, ustawianie piksela i transfer do RAM wy\u015bwietlacza<\/h2>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-1\/\">W poprzednim wpisie<\/a> zaznaczy\u0142em ma\u0142y problem z ustawianiem koloru pojedynczego w tym wy\u015bwietlaczu. Polega on na tym, \u017ce w<strong> jednym bajcie RAM trzymana jest informacja o dw\u00f3ch s\u0105siaduj\u0105cych pikselach.&nbsp;<\/strong>St\u0105d dobrym rozwi\u0105zaniem b\u0119dzie buforowanie takiego obrazu.<\/p>\n<p><strong>Bufor jaki b\u0119dzie trzymany w pami\u0119ci mikrokontrolera ma rozmiar (128 * 96) \/ 2 bajt\u00f3w.<\/strong>&nbsp;<\/p>\n<pre class=\"lang:c decode:true \">#define SSD1327_BUFFERSIZE\t(SSD1327_LCDHEIGHT * SSD1327_LCDWIDTH \/ 2)\r\nstatic uint8_t buffer[SSD1327_BUFFERSIZE];<\/pre>\n<p style=\"text-align: justify;\">Teraz pomy\u015blmy jak ustawi\u0107 pojedynczy piksel w takin buforze. Wiemy, \u017ce kolejne piksele A i B s\u0105 trzymane w bajcie w ten spos\u00f3b: 0xAB. Jak wi\u0119c wskaza\u0107 poprawn\u0105 po\u0142\u00f3wk\u0119 bajtu dla piksela? Mo\u017cna przyk\u0142adowo u\u017cy\u0107 operacji modulo. Wtedy parzyste (plus zerowy) piksele zaadresujemy do jednej po\u0142\u00f3wki, a nieparzyste do drugiej.<\/p>\n<p style=\"text-align: justify;\">Dochodzi jeszcze maskowanie tych pikseli, kt\u00f3rych nie chcemy modyfikowa\u0107 w buforze oraz wyb\u00f3r kom\u00f3rki bufora. Maskowanie po\u0142owy bajtu jest dosy\u0107 oczywiste. Jak wi\u0119c znale\u017a\u0107 t\u0105 odpowiedni\u0105 kom\u00f3rk\u0119 w tablicy bufora? Na podstawie wsp\u00f3\u0142rz\u0119dnych tego piksela, czyli X i Y.<\/p>\n<p style=\"text-align: justify;\">X jest to pozycja w poziomie, Y w pionie. Wy\u015bwietlacz skanujemy od lewej do prawej po ka\u017cdej linii schodz\u0105c w d\u00f3\u0142. <strong>Je\u015bli mieliby\u015bmy wybra\u0107 kom\u00f3rk\u0119 tablicy tylko dla wiersza zerowego, obliczanie wygl\u0105da\u0142oby tak: buffer[X\/2]<\/strong>. Dla piksela nr 0 i 1 b\u0119dzie to buffer[0]. Dalsze r\u00f3wnie\u017c si\u0119 zgadzaj\u0105.<\/p>\n<p style=\"text-align: justify;\">Jak doda\u0107 wi\u0119c numer wiersza? Nale\u017cy przesun\u0105\u0107 numer kom\u00f3rki o ilo\u015b\u0107 bajt\u00f3w dla pe\u0142nych linii, kt\u00f3re s\u0105 przed danym Y. Do tego potrzebna jest informacja o szeroko\u015bci wy\u015bwietlacza.<\/p>\n<p style=\"text-align: justify;\"><strong>Ilo\u015b\u0107 bajt\u00f3w dla pe\u0142nych linii poprzedzaj\u0105cych t\u0105 wybran\u0105 o numerze Y, to Y*(SSD1327_LCDWIDTH\/2).<\/strong><\/p>\n<p>Skoro trzeba doda\u0107, to wyb\u00f3r kom\u00f3rki bufora w ca\u0142o\u015bci wygl\u0105da tak.<\/p>\n<p><strong>uint8_t SelectedCell = buffer[X\/2 + Y*(SSD1327_LCDWIDTH\/2)];<\/strong><\/p>\n<p style=\"text-align: justify;\">Sk\u0142adaj\u0105c te informacje do kupy wychodzi nam co powinna zawiera\u0107 funkcja rusyj\u0105ca pojedynczy piksel na buforze.<\/p>\n<pre class=\"lang:c decode:true \">\/\/\r\n\/\/ Draw pixel in the buffer\r\n\/\/\r\nvoid SSD1327_DrawPixel(int16_t x, int16_t y, uint8_t Color)\r\n{\r\n\t if ((x &lt; 0) || (x &gt;= SSD1327_LCDWIDTH) || (y &lt; 0) || (y &gt;= SSD1327_LCDHEIGHT))\r\n\t\t return;\r\n\r\n\t uint8_t SelectedCell = buffer[x\/2 + y*(SSD1327_LCDWIDTH\/2)];\r\n\r\n\t if(x % 2)\r\n\t {\r\n\t\t SelectedCell &amp;= ~(0x0F);\r\n\t\t SelectedCell |= (0x0F &amp; Color);\r\n\t }\r\n\t else\r\n\t {\r\n\t\t SelectedCell &amp;= ~(0xF0);\r\n\t\t SelectedCell |= (0xF0 &amp; (Color&lt;&lt;4));\r\n\t }\r\n\r\n\t buffer[x\/2 + y*(SSD1327_LCDWIDTH\/2)] = SelectedCell;\r\n}<\/pre>\n<p style=\"text-align: justify;\">To, z kt\u00f3rej strony w tym bajcie ma by\u0107 m\u0142odszy piksel determinuje inicjalizacja. Jest tam rejestr z wyborem, gdzie idzie starszy z punkt\u00f3w. Sprawdzi\u0142em to empirycznie i wed\u0142ug wynik\u00f3w bada\u0144 dla mojej inicjalizacji powy\u017cszy kod jest prawdziwy.<\/p>\n<p><strong>Teraz trzeba to przes\u0142a\u0107 do OLED.<\/strong><\/p>\n<p style=\"text-align: justify;\">SSD1327 r\u00f3\u017cni si\u0119 od SSD1306 tym, \u017ce nie ma stronicowania pami\u0119ci RAM. Nie musimy si\u0119 wi\u0119c martwi\u0107 o to, czy inicjalizacja w\u0142\u0105czy\u0142a to stronicowanie. Mamy wi\u0119c ca\u0142y czas dost\u0119p co ca\u0142ej pami\u0119ci RAM.<\/p>\n<p style=\"text-align: justify;\">Wystarczy ustawi\u0107 wska\u017anik pisania po RAM na sam pocz\u0105tek i wypchn\u0105\u0107 ca\u0142y bufor. Tyle!<\/p>\n<pre class=\"lang:c decode:true \">\/\/\r\n\/\/ Send buffer to OLDE GCRAM\r\n\/\/\r\nvoid SSD1327_Display(void)\r\n{\r\n\tSSD1327_Command(SSD1327_SETCOLUMNADDRESS);\r\n\tSSD1327_Command(0x00);\r\n\tSSD1327_Command(0x3F);\r\n\r\n\tSSD1327_Command(SSD1327_SETROWADDRESS);\r\n\tSSD1327_Command(0x00);\r\n\tSSD1327_Command(0x5F);\r\n\r\n\tHAL_I2C_Mem_Write(ssd1337_i2c, SSD1327_I2C_ADDRESS, 0x40, 1, (uint8_t*)&amp;buffer, SSD1327_BUFFERSIZE, 1000);\r\n}<\/pre>\n<p style=\"text-align: justify;\"><strong>Dopiszmy jeszcze na szybko funkcj\u0119 czyszcz\u0105c\u0105 ca\u0142y ekran(bufor) na wybrany kolor. Trzeba ca\u0142y czas pami\u0119ta\u0107 o tym jak s\u0105 zapisywane piksele.<\/strong><\/p>\n<pre class=\"lang:c decode:true\">\/\/\r\n\/\/ Clear the buffer\r\n\/\/\r\nvoid SSD1327_Clear(uint8_t Color)\r\n{\r\n\tif(Color &gt; WHITE) Color = WHITE;\r\n\r\n\tmemset(buffer, (Color &lt;&lt; 4 | Color), SSD1327_BUFFERSIZE);\r\n}<\/pre>\n<p style=\"text-align: justify;\">Sprawd\u017amy dzia\u0142anie! <strong>Wszystkie zdj\u0119cia by\u0142y zrobione przy sta\u0142ych ustawieniach aparatu.<\/strong><\/p>\n<p>Kolor: 15 (max). Biel.<\/p>\n<p><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1620\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color15.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Kolor 7 (\u015brodek). No jest szaro.<\/p>\n<p><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1619\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color7.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Kolor 2 (prawie czer\u0144). Tu ju\u017c prawie nic nie wida\u0107, ale uwierz mi, \u017ce <strong>lekka po\u015bwiata jest widoczna \ud83d\ude42<\/strong> To b\u0119dzie fajnie widoczne np. na zdj\u0119ciach.<\/p>\n<h2><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1618\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_color2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Biblioteka GFX<\/h2>\n<p style=\"text-align: justify;\">Mo\u017cna u\u017cy\u0107 biblioteki, kt\u00f3ra jest dla wy\u015bwietlaczy monochromatycznych. Wystarczy do nag\u0142\u00f3wka dopi\u0105\u0107 funkcj\u0119 rysuj\u0105c\u0105 piksel oraz wymiary wy\u015bwietlacza.<\/p>\n<pre class=\"lang:c decode:true\">#define GFX_DrawPixel(x,y,color) SSD1327_DrawPixel(x,y,color)\r\n#define WIDTH SSD1327_LCDWIDTH\r\n#define HEIGHT SSD1327_LCDHEIGHT\r\n#define PIXEL_BLACK\tBLACK\r\n#define PIXEL_WHITE\tWHITE\r\n#define PIXEL_INVERSE\tINVERSE<\/pre>\n<p style=\"text-align: justify;\">Wtedy napisy czy figury dzia\u0142aj\u0105 bardzo dobrze. Tu przyk\u0142ad z rysowaniem prostok\u0105t\u00f3w we wszystkich kolorach.<\/p>\n<p><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1621\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_gfx.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Niestety domy\u015blnie nie b\u0119dzie dzia\u0142a\u0142o rysowanie obraz\u00f3w. Niestety bibliotek\u0119 t\u0105 napisa\u0142em tak, \u017ce przyjmuje ona tylko dwa kolory &#8211; bia\u0142y i czarny. W ko\u0144cu jest BW \ud83d\ude42<\/strong><\/p>\n<p style=\"text-align: justify;\">Do generowania i rysowania obraz\u00f3w przejd\u0119 w kolejnych wpisach. Dla ma\u0142ej zajawki tak prezentuje si\u0119 logo msalamon.pl czy zdj\u0119cie &#8211; np. m\u00f3j kot.<a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1623\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo-1024x1024.jpg 1024w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_logo.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2><a href=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-1622\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat-300x300.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat-1024x1024.jpg 1024w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat-150x150.jpg 150w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat-768x768.jpg 768w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/ssd1327_cat.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Podsumowanie<\/h2>\n<p><a href=\"https:\/\/sklep.msalamon.pl\/kategoria-produktu\/dev-boardy\/stm32-nucleo\/?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=ssd1327\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/Nucleo-64-baner.jpg\" alt=\"\" width=\"1200\" height=\"400\" class=\"aligncenter wp-image-1593 size-full\" srcset=\"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/Nucleo-64-baner.jpg 1200w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/Nucleo-64-baner-300x100.jpg 300w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/Nucleo-64-baner-1024x341.jpg 1024w, https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/07\/Nucleo-64-baner-768x256.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Organizacja pikseli mo\u017ce da\u0107 troch\u0119 do pomy\u015blenia, ale je\u015bli pomy\u015blisz raz, a dobrze to ju\u017c nigdy wi\u0119cej nie musisz. Pami\u0119taj, aby pisz\u0105c kod pisa\u0107 go w taki spos\u00f3b, aby pomaga\u0142 on na p\u00f3\u017aniejszych etapach pisania aplikacji.<\/p>\n<p style=\"text-align: justify;\">Nie b\u00f3j si\u0119 r\u00f3wnierz szuka\u0107 w Internecie i korzysta\u0107 z pracy innych. Miej tylko \u015bwiadomo\u015b\u0107 co cudzy kod robi \ud83d\ude42<\/p>\n<p style=\"text-align: justify;\">W kolejnym wpisie poka\u017c\u0119 Ci z jakigo programu korzystam do generowania bitmap dla mikrokontroler\u00f3w. Jest to w 100% darmowy program i potrafi naprawd\u0119 wiele!<\/p>\n<p style=\"text-align: justify;\">P\u00f3\u017aniej takie obrazy wrzucimy na mikrokontroler, a docelowo na wy\u015bwietlacz.<\/p>\n<p style=\"text-align: justify;\"><strong>Je\u015bli artyku\u0142 Ci si\u0119 spodoba\u0142, kup co\u015b u mnie! \ud83d\ude42 <a href=\"https:\/\/sklep.msalamon.pl\/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=nrf24&amp;utm_content=Text\">https:\/\/sklep.msalamon.pl\/<\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">Pe\u0142ny projekt wraz z bibliotek\u0105 znajdziesz jak zwykle na moim GitHubie: <a href=\"https:\/\/github.com\/lamik\/OLED_SSD1327_STM32_HAL\" target=\"_blank\" rel=\"noopener\">LINK<\/a><\/p>\n<p style=\"text-align: justify;\"><span>Je\u015bli zauwa\u017cy\u0142e\u015b jaki\u015b b\u0142\u0105d, nie zgadzasz si\u0119 z czym\u015b, chcia\u0142by\u015b co\u015b doda\u0107 istotnego lub po prostu uwa\u017casz, \u017ce chcia\u0142by\u015b podyskutowa\u0107 na ten temat, napisz komentarz. Pami\u0119taj, \u017ce dyskusja ma by\u0107 kulturalna i zgodna z zasadami j\u0119zyka polskiego.<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 24pt;\"><strong>Spis tre\u015bci ca\u0142ego cyklu o OLED na SSD1327:<\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-1\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.1<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-2\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.2<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/jak-przygotowac-obraz-dla-wyswietlacza-lcd-lub-tft\/\">Jak przygotowa\u0107 obraz dla wy\u015bwietlacza LCD lub TFT?<\/a><br \/>\n<\/strong><strong><a href=\"http:\/\/msalamon.pl\/oled-ze-skala-szarosci-na-ssd1327-cz-3\/\">OLED ze skal\u0105 szaro\u015bci na SSD1327 cz.3<\/a><\/strong><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;1616&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;OLED ze skal\\u0105 szaro\\u015bci na SSD1327 cz.2&quot;,&quot;width&quot;:&quot;120&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 120px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ostatnio poteoretyzowa\u0142em na temat OLEDa z 16-stopniow\u0105 skal\u0105 szaro\u015bci. Wiemy ju\u017c jak uzyskiwane jest tych 16 kolor\u00f3w oraz jak zorganizowana jest pami\u0119\u0107 RAM wy\u015bwietlacza. Pora wy\u015bwietli\u0107 co\u015b na nim, co nie? Spr\u00f3bujemy w pierwszej kolejno\u015bci u\u017cy\u0107 biblioteki graficznej od zwyk\u0142ego monochromatycznego OLEDa, kt\u00f3rej u\u017cywa\u0142em do SSD1306. Do dzie\u0142a!<\/p>\n","protected":false},"author":1,"featured_media":1624,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3],"tags":[13,32,11,92,9,66,81],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/msalamon.pl\/wp-content\/uploads\/2020\/08\/OLED-SSD1327-miniaturka-cz2.jpg","_links":{"self":[{"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/posts\/1616"}],"collection":[{"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/comments?post=1616"}],"version-history":[{"count":0,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/posts\/1616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/media\/1624"}],"wp:attachment":[{"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/media?parent=1616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/categories?post=1616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/msalamon.pl\/wp-json\/wp\/v2\/tags?post=1616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}