GxEPD2_Spiffs_Example.ino 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683
  1. // GxEPD2_Spiffs_Example : Display Library example for SPI e-paper panels from Dalian Good Display and boards from Waveshare.
  2. // Requires HW SPI and Adafruit_GFX. Caution: the e-paper panels require 3.3V supply AND data lines!
  3. //
  4. // Display Library based on Demo Example from Good Display: http://www.e-paper-display.com/download_list/downloadcategoryid=34&isMode=false.html
  5. //
  6. // BMP handling code extracts taken from: https://github.com/prenticedavid/MCUFRIEND_kbv/tree/master/examples/showBMP_kbv_Uno
  7. //
  8. // Author: Jean-Marc Zingg
  9. //
  10. // Version: see library.properties
  11. //
  12. // Library: https://github.com/ZinggJM/GxEPD2
  13. //
  14. // note that BMP bitmaps are drawn at physical position in physical orientation of the screen
  15. // Supporting Arduino Forum Topics:
  16. // Waveshare e-paper displays with SPI: http://forum.arduino.cc/index.php?topic=487007.0
  17. // Good Display ePaper for Arduino : https://forum.arduino.cc/index.php?topic=436411.0
  18. // mapping suggestion from Waveshare SPI e-Paper to Wemos D1 mini
  19. // BUSY -> D2, RST -> D4, DC -> D3, CS -> D8, CLK -> D5, DIN -> D7, GND -> GND, 3.3V -> 3.3V
  20. // mapping suggestion from Waveshare SPI e-Paper to generic ESP8266
  21. // BUSY -> GPIO4, RST -> GPIO2, DC -> GPIO0, CS -> GPIO15, CLK -> GPIO14, DIN -> GPIO13, GND -> GND, 3.3V -> 3.3V
  22. // mapping of Waveshare e-Paper ESP8266 Driver Board
  23. // BUSY -> GPIO16, RST -> GPIO5, DC -> GPIO4, CS -> GPIO15, CLK -> GPIO14, DIN -> GPIO13, GND -> GND, 3.3V -> 3.3V
  24. // mapping suggestion for ESP32, e.g. LOLIN32, see .../variants/.../pins_arduino.h for your board
  25. // NOTE: there are variants with different pins for SPI ! CHECK SPI PINS OF YOUR BOARD
  26. // BUSY -> 4, RST -> 16, DC -> 17, CS -> SS(5), CLK -> SCK(18), DIN -> MOSI(23), GND -> GND, 3.3V -> 3.3V
  27. // new mapping suggestion for STM32F1, e.g. STM32F103C8T6 "BluePill"
  28. // BUSY -> A1, RST -> A2, DC -> A3, CS-> A4, CLK -> A5, DIN -> A7
  29. // mapping suggestion for AVR, UNO, NANO etc.
  30. // BUSY -> 7, RST -> 9, DC -> 8, CS-> 10, CLK -> 13, DIN -> 11
  31. //
  32. #include <GxEPD2_BW.h>
  33. #include <GxEPD2_3C.h>
  34. #include <Fonts/FreeMonoBold9pt7b.h>
  35. #if defined(ESP32)
  36. #include "SPIFFS.h"
  37. #endif
  38. #include <FS.h>
  39. #define FileClass fs::File
  40. #define EPD_CS SS
  41. #if defined (ESP8266)
  42. // select one and adapt to your mapping, can use full buffer size (full HEIGHT)
  43. //GxEPD2_BW<GxEPD2_154, GxEPD2_154::HEIGHT> display(GxEPD2_154(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4)); // GDEP015OC1 no longer available
  44. //GxEPD2_BW<GxEPD2_154_D67, GxEPD2_154_D67::HEIGHT> display(GxEPD2_154_D67(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4)); // GDEH0154D67
  45. //GxEPD2_BW<GxEPD2_213, GxEPD2_213::HEIGHT> display(GxEPD2_213(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  46. //GxEPD2_BW<GxEPD2_290, GxEPD2_290::HEIGHT> display(GxEPD2_290(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  47. //GxEPD2_BW<GxEPD2_270, GxEPD2_270::HEIGHT> display(GxEPD2_270(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  48. //GxEPD2_BW<GxEPD2_420, GxEPD2_420::HEIGHT> display(GxEPD2_420(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  49. // can use only half buffer size
  50. //GxEPD2_BW < GxEPD2_583, GxEPD2_583::HEIGHT / 2 > display(GxEPD2_583(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  51. //GxEPD2_BW < GxEPD2_750, GxEPD2_750::HEIGHT / 2 > display(GxEPD2_750(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  52. // 3-color e-papers
  53. //GxEPD2_3C<GxEPD2_154c, GxEPD2_154c::HEIGHT> display(GxEPD2_154c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  54. //GxEPD2_3C<GxEPD2_213c, GxEPD2_213c::HEIGHT> display(GxEPD2_213c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  55. //GxEPD2_3C<GxEPD2_290c, GxEPD2_290c::HEIGHT> display(GxEPD2_290c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  56. //GxEPD2_3C<GxEPD2_270c, GxEPD2_270c::HEIGHT> display(GxEPD2_270c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  57. // can use only half buffer size
  58. //GxEPD2_3C<GxEPD2_420c, GxEPD2_420c::HEIGHT / 2> display(GxEPD2_420c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  59. // can use only quarter buffer size
  60. //GxEPD2_3C<GxEPD2_583c, GxEPD2_583c::HEIGHT / 4> display(GxEPD2_583c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  61. //GxEPD2_3C<GxEPD2_750c, GxEPD2_750c::HEIGHT / 4> display(GxEPD2_750c(/*CS=D8*/ EPD_CS, /*DC=D3*/ 0, /*RST=D4*/ 2, /*BUSY=D2*/ 4));
  62. // ***** for mapping of Waveshare e-Paper ESP8266 Driver Board *****
  63. // select one , can use full buffer size (full HEIGHT)
  64. //GxEPD2_BW<GxEPD2_154, GxEPD2_154::HEIGHT> display(GxEPD2_154(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16)); // GDEP015OC1 no longer available
  65. //GxEPD2_BW<GxEPD2_154_D67, GxEPD2_154_D67::HEIGHT> display(GxEPD2_154_D67(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16)); // GDEH0154D67
  66. //GxEPD2_BW<GxEPD2_213, GxEPD2_213::HEIGHT> display(GxEPD2_213(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  67. //GxEPD2_BW<GxEPD2_290, GxEPD2_290::HEIGHT> display(GxEPD2_290(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  68. //GxEPD2_BW<GxEPD2_270, GxEPD2_270::HEIGHT> display(GxEPD2_270(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  69. //GxEPD2_BW<GxEPD2_420, GxEPD2_420::HEIGHT> display(GxEPD2_420(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  70. // can use only half buffer size
  71. //GxEPD2_BW < GxEPD2_583, GxEPD2_583::HEIGHT / 2 > display(GxEPD2_583(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  72. //GxEPD2_BW < GxEPD2_750, GxEPD2_750::HEIGHT / 2 > display(GxEPD2_750(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  73. // 3-color e-papers
  74. //GxEPD2_3C<GxEPD2_154c, GxEPD2_154c::HEIGHT> display(GxEPD2_154c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  75. //GxEPD2_3C<GxEPD2_213c, GxEPD2_213c::HEIGHT> display(GxEPD2_213c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  76. //GxEPD2_3C<GxEPD2_290c, GxEPD2_290c::HEIGHT> display(GxEPD2_290c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  77. //GxEPD2_3C<GxEPD2_270c, GxEPD2_270c::HEIGHT> display(GxEPD2_270c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  78. // can use only half buffer size
  79. //GxEPD2_3C<GxEPD2_420c, GxEPD2_420c::HEIGHT / 2> display(GxEPD2_420c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  80. // can use only quarter buffer size
  81. //GxEPD2_3C<GxEPD2_583c, GxEPD2_583c::HEIGHT / 4> display(GxEPD2_583c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  82. //GxEPD2_3C<GxEPD2_750c, GxEPD2_750c::HEIGHT / 4> display(GxEPD2_750c(/*CS=15*/ SS, /*DC=4*/ 4, /*RST=5*/ 5, /*BUSY=16*/ 16));
  83. #endif
  84. #if defined(ESP32)
  85. // select one and adapt to your mapping, can use full buffer size (full HEIGHT)
  86. //GxEPD2_BW<GxEPD2_154, GxEPD2_154::HEIGHT> display(GxEPD2_154(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4)); // GDEP015OC1 no longer available
  87. //GxEPD2_BW<GxEPD2_154_D67, GxEPD2_154_D67::HEIGHT> display(GxEPD2_154_D67(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4)); // GDEH0154D67
  88. //GxEPD2_BW<GxEPD2_213, GxEPD2_213::HEIGHT> display(GxEPD2_213(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  89. //GxEPD2_BW<GxEPD2_290, GxEPD2_290::HEIGHT> display(GxEPD2_290(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  90. //GxEPD2_BW<GxEPD2_270, GxEPD2_270::HEIGHT> display(GxEPD2_270(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  91. //GxEPD2_BW<GxEPD2_420, GxEPD2_420::HEIGHT> display(GxEPD2_420(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  92. //GxEPD2_BW<GxEPD2_750, GxEPD2_750::HEIGHT> display(GxEPD2_750(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  93. // 3-color e-papers
  94. //GxEPD2_3C<GxEPD2_154c, GxEPD2_154c::HEIGHT> display(GxEPD2_154c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  95. //GxEPD2_3C<GxEPD2_213c, GxEPD2_213c::HEIGHT> display(GxEPD2_213c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  96. //GxEPD2_3C<GxEPD2_290c, GxEPD2_290c::HEIGHT> display(GxEPD2_290c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  97. //GxEPD2_3C<GxEPD2_270c, GxEPD2_270c::HEIGHT> display(GxEPD2_270c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  98. //GxEPD2_3C<GxEPD2_420c, GxEPD2_420c::HEIGHT> display(GxEPD2_420c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  99. //GxEPD2_3C<GxEPD2_750c, GxEPD2_750c::HEIGHT> display(GxEPD2_750c(/*CS=5*/ EPD_CS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  100. // grey levels parallel IF e-papers on Waveshare e-Paper IT8951 Driver HAT
  101. // HRDY -> 4, RST -> 16, CS -> SS(5), SCK -> SCK(18), MOSI -> MOSI(23), MISO -> MISO(19), GND -> GND, 5V -> 5V
  102. // note: 5V supply needs to be exact and strong; 5V over diode from USB (e.g. Wemos D1 mini) doesn't work!
  103. //GxEPD2_BW<GxEPD2_it60, GxEPD2_it60::HEIGHT> display(GxEPD2_it60(/*CS=5*/ SS, /*DC=*/ 17, /*RST=*/ 16, /*BUSY=*/ 4));
  104. // Waveshare 12.48 b/w SPI display board and frame or Good Display 12.48 b/w panel GDEW1248T3
  105. // general constructor for use with all parameters, e.g. for Waveshare ESP32 driver board mounted on connection board
  106. //GxEPD2_BW < GxEPD2_1248, GxEPD2_1248::HEIGHT / 4 >
  107. //display(GxEPD2_1248(/*sck=*/ 13, /*miso=*/ 12, /*mosi=*/ 14, /*cs_m1=*/ 23, /*cs_s1=*/ 22, /*cs_m2=*/ 16, /*cs_s2=*/ 19,
  108. // /*dc1=*/ 25, /*dc2=*/ 17, /*rst1=*/ 33, /*rst2=*/ 5, /*busy_m1=*/ 32, /*busy_s1=*/ 26, /*busy_m2=*/ 18, /*busy_s2=*/ 4));
  109. #endif
  110. // function declaration with default parameter
  111. // note that BMP bitmaps are drawn at physical position in physical orientation of the screen
  112. void drawBitmapFromSpiffs(const char *filename, int16_t x, int16_t y, bool with_color = true);
  113. // bitmap drawing using buffered graphics, e.g. for small bitmaps or for GxEPD2_154c
  114. // draws BMP bitmap according to set orientation
  115. // partial_update selects refresh mode (not effective for GxEPD2_154c)
  116. // overwrite = true does not clear buffer before drawing, use only if buffer is full height
  117. void drawBitmapFromSpiffs_Buffered(const char *filename, int16_t x, int16_t y, bool with_color = true, bool partial_update = false, bool overwrite = false);
  118. void setup()
  119. {
  120. Serial.begin(115200);
  121. Serial.println();
  122. Serial.println("GxEPD2_Spiffs_Example");
  123. display.init(115200);
  124. SPIFFS.begin();
  125. Serial.println("SPIFFS started");
  126. listFiles();
  127. if ((display.epd2.panel == GxEPD2::GDEW0154Z04) || false)
  128. {
  129. drawBitmapsBuffered_200x200();
  130. drawBitmapsBuffered_other();
  131. }
  132. else
  133. {
  134. drawBitmaps_200x200();
  135. drawBitmaps_other();
  136. //drawBitmaps_test();
  137. }
  138. Serial.println("GxEPD2_Spiffs_Example done");
  139. }
  140. void loop(void)
  141. {
  142. }
  143. void drawBitmaps_200x200()
  144. {
  145. int16_t x = (display.width() - 200) / 2;
  146. int16_t y = (display.height() - 200) / 2;
  147. drawBitmapFromSpiffs("logo200x200.bmp", x, y);
  148. delay(2000);
  149. drawBitmapFromSpiffs("first200x200.bmp", x, y);
  150. delay(2000);
  151. drawBitmapFromSpiffs("second200x200.bmp", x, y);
  152. delay(2000);
  153. drawBitmapFromSpiffs("third200x200.bmp", x, y);
  154. delay(2000);
  155. drawBitmapFromSpiffs("fourth200x200.bmp", x, y);
  156. delay(2000);
  157. drawBitmapFromSpiffs("fifth200x200.bmp", x, y);
  158. delay(2000);
  159. drawBitmapFromSpiffs("sixth200x200.bmp", x, y);
  160. delay(2000);
  161. drawBitmapFromSpiffs("seventh200x200.bmp", x, y);
  162. delay(2000);
  163. drawBitmapFromSpiffs("eighth200x200.bmp", x, y);
  164. delay(2000);
  165. }
  166. void drawBitmaps_other()
  167. {
  168. int16_t w2 = display.width() / 2;
  169. int16_t h2 = display.height() / 2;
  170. drawBitmapFromSpiffs("chanceflurries.bmp", w2 - 50, h2 - 50, false);
  171. delay(2000);
  172. drawBitmapFromSpiffs("betty_1.bmp", w2 - 100, h2 - 160);
  173. delay(2000);
  174. drawBitmapFromSpiffs("betty_4.bmp", w2 - 102, h2 - 126);
  175. delay(2000);
  176. drawBitmapFromSpiffs("marilyn_240x240x8.bmp", w2 - 120, h2 - 120);
  177. delay(2000);
  178. drawBitmapFromSpiffs("miniwoof.bmp", w2 - 60, h2 - 80);
  179. delay(2000);
  180. drawBitmapFromSpiffs("tiger.bmp", w2 - 160, h2 - 120);
  181. delay(2000);
  182. drawBitmapFromSpiffs("tiger_178x160x4.bmp", w2 - 89, h2 - 80);
  183. delay(2000);
  184. drawBitmapFromSpiffs("tiger_240x317x4.bmp", w2 - 120, h2 - 160);
  185. delay(2000);
  186. drawBitmapFromSpiffs("tiger_320x200x24.bmp", w2 - 160, h2 - 100);
  187. delay(2000);
  188. drawBitmapFromSpiffs("woof.bmp", w2 - 120, h2 - 160);
  189. delay(2000);
  190. }
  191. void drawBitmaps_test()
  192. {
  193. drawBitmapFromSpiffs("output5.bmp", 0, 0);
  194. delay(2000);
  195. drawBitmapFromSpiffs("output6.bmp", 0, 0);
  196. delay(2000);
  197. drawBitmapFromSpiffs("tractor_1.bmp", 0, 0);
  198. delay(2000);
  199. drawBitmapFromSpiffs("tractor_4.bmp", 0, 0);
  200. delay(2000);
  201. drawBitmapFromSpiffs("tractor_8.bmp", 0, 0);
  202. delay(2000);
  203. drawBitmapFromSpiffs("tractor_11.bmp", 0, 0);
  204. delay(2000);
  205. drawBitmapFromSpiffs("tractor_44.bmp", 0, 0);
  206. delay(2000);
  207. drawBitmapFromSpiffs("tractor_88.bmp", 0, 0);
  208. delay(2000);
  209. }
  210. void drawBitmapsBuffered_200x200()
  211. {
  212. int16_t x = (display.width() - 200) / 2;
  213. int16_t y = (display.height() - 200) / 2;
  214. drawBitmapFromSpiffs_Buffered("logo200x200.bmp", x, y);
  215. delay(2000);
  216. drawBitmapFromSpiffs_Buffered("first200x200.bmp", x, y);
  217. delay(2000);
  218. drawBitmapFromSpiffs_Buffered("second200x200.bmp", x, y);
  219. delay(2000);
  220. drawBitmapFromSpiffs_Buffered("third200x200.bmp", x, y);
  221. delay(2000);
  222. drawBitmapFromSpiffs_Buffered("fourth200x200.bmp", x, y);
  223. delay(2000);
  224. drawBitmapFromSpiffs_Buffered("fifth200x200.bmp", x, y);
  225. delay(2000);
  226. drawBitmapFromSpiffs_Buffered("sixth200x200.bmp", x, y);
  227. delay(2000);
  228. drawBitmapFromSpiffs_Buffered("seventh200x200.bmp", x, y);
  229. delay(2000);
  230. drawBitmapFromSpiffs_Buffered("eighth200x200.bmp", x, y);
  231. delay(2000);
  232. }
  233. void drawBitmapsBuffered_other()
  234. {
  235. int16_t w2 = display.width() / 2;
  236. int16_t h2 = display.height() / 2;
  237. drawBitmapFromSpiffs_Buffered("chanceflurries.bmp", w2 - 50, h2 - 50, false);
  238. delay(2000);
  239. drawBitmapFromSpiffs_Buffered("betty_1.bmp", w2 - 100, h2 - 160);
  240. delay(2000);
  241. drawBitmapFromSpiffs_Buffered("betty_4.bmp", w2 - 102, h2 - 126);
  242. delay(2000);
  243. drawBitmapFromSpiffs_Buffered("marilyn_240x240x8.bmp", w2 - 120, h2 - 120);
  244. delay(2000);
  245. drawBitmapFromSpiffs_Buffered("miniwoof.bmp", w2 - 60, h2 - 80);
  246. delay(2000);
  247. drawBitmapFromSpiffs_Buffered("tiger.bmp", w2 - 160, h2 - 120);
  248. delay(2000);
  249. drawBitmapFromSpiffs_Buffered("tiger_178x160x4.bmp", w2 - 89, h2 - 80);
  250. delay(2000);
  251. drawBitmapFromSpiffs_Buffered("tiger_240x317x4.bmp", w2 - 120, h2 - 160);
  252. delay(2000);
  253. drawBitmapFromSpiffs_Buffered("tiger_320x200x24.bmp", w2 - 160, h2 - 100);
  254. delay(2000);
  255. drawBitmapFromSpiffs_Buffered("woof.bmp", w2 - 120, h2 - 160);
  256. delay(2000);
  257. }
  258. static const uint16_t input_buffer_pixels = 800; // may affect performance
  259. static const uint16_t max_row_width = 800; // for up to 7.5" display 800x480
  260. static const uint16_t max_palette_pixels = 256; // for depth <= 8
  261. uint8_t input_buffer[3 * input_buffer_pixels]; // up to depth 24
  262. uint8_t output_row_mono_buffer[max_row_width / 8]; // buffer for at least one row of b/w bits
  263. uint8_t output_row_color_buffer[max_row_width / 8]; // buffer for at least one row of color bits
  264. uint8_t mono_palette_buffer[max_palette_pixels / 8]; // palette buffer for depth <= 8 b/w
  265. uint8_t color_palette_buffer[max_palette_pixels / 8]; // palette buffer for depth <= 8 c/w
  266. void drawBitmapFromSpiffs(const char *filename, int16_t x, int16_t y, bool with_color)
  267. {
  268. fs::File file;
  269. bool valid = false; // valid format to be handled
  270. bool flip = true; // bitmap is stored bottom-to-top
  271. uint32_t startTime = millis();
  272. if ((x >= display.epd2.WIDTH) || (y >= display.epd2.HEIGHT)) return;
  273. Serial.println();
  274. Serial.print("Loading image '");
  275. Serial.print(filename);
  276. Serial.println('\'');
  277. #if defined(ESP32)
  278. file = SPIFFS.open(String("/") + filename, "r");
  279. #else
  280. file = SPIFFS.open(filename, "r");
  281. #endif
  282. if (!file)
  283. {
  284. Serial.print("File not found");
  285. return;
  286. }
  287. // Parse BMP header
  288. if (read16(file) == 0x4D42) // BMP signature
  289. {
  290. uint32_t fileSize = read32(file);
  291. uint32_t creatorBytes = read32(file);
  292. uint32_t imageOffset = read32(file); // Start of image data
  293. uint32_t headerSize = read32(file);
  294. uint32_t width = read32(file);
  295. uint32_t height = read32(file);
  296. uint16_t planes = read16(file);
  297. uint16_t depth = read16(file); // bits per pixel
  298. uint32_t format = read32(file);
  299. if ((planes == 1) && ((format == 0) || (format == 3))) // uncompressed is handled, 565 also
  300. {
  301. Serial.print("File size: "); Serial.println(fileSize);
  302. Serial.print("Image Offset: "); Serial.println(imageOffset);
  303. Serial.print("Header size: "); Serial.println(headerSize);
  304. Serial.print("Bit Depth: "); Serial.println(depth);
  305. Serial.print("Image size: ");
  306. Serial.print(width);
  307. Serial.print('x');
  308. Serial.println(height);
  309. // BMP rows are padded (if needed) to 4-byte boundary
  310. uint32_t rowSize = (width * depth / 8 + 3) & ~3;
  311. if (depth < 8) rowSize = ((width * depth + 8 - depth) / 8 + 3) & ~3;
  312. if (height < 0)
  313. {
  314. height = -height;
  315. flip = false;
  316. }
  317. uint16_t w = width;
  318. uint16_t h = height;
  319. if ((x + w - 1) >= display.epd2.WIDTH) w = display.epd2.WIDTH - x;
  320. if ((y + h - 1) >= display.epd2.HEIGHT) h = display.epd2.HEIGHT - y;
  321. if (w <= max_row_width) // handle with direct drawing
  322. {
  323. valid = true;
  324. uint8_t bitmask = 0xFF;
  325. uint8_t bitshift = 8 - depth;
  326. uint16_t red, green, blue;
  327. bool whitish, colored;
  328. if (depth == 1) with_color = false;
  329. if (depth <= 8)
  330. {
  331. if (depth < 8) bitmask >>= depth;
  332. //file.seek(54); //palette is always @ 54
  333. file.seek(imageOffset - (4 << depth)); // 54 for regular, diff for colorsimportant
  334. for (uint16_t pn = 0; pn < (1 << depth); pn++)
  335. {
  336. blue = file.read();
  337. green = file.read();
  338. red = file.read();
  339. file.read();
  340. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  341. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  342. if (0 == pn % 8) mono_palette_buffer[pn / 8] = 0;
  343. mono_palette_buffer[pn / 8] |= whitish << pn % 8;
  344. if (0 == pn % 8) color_palette_buffer[pn / 8] = 0;
  345. color_palette_buffer[pn / 8] |= colored << pn % 8;
  346. }
  347. }
  348. display.clearScreen();
  349. uint32_t rowPosition = flip ? imageOffset + (height - h) * rowSize : imageOffset;
  350. for (uint16_t row = 0; row < h; row++, rowPosition += rowSize) // for each line
  351. {
  352. uint32_t in_remain = rowSize;
  353. uint32_t in_idx = 0;
  354. uint32_t in_bytes = 0;
  355. uint8_t in_byte = 0; // for depth <= 8
  356. uint8_t in_bits = 0; // for depth <= 8
  357. uint8_t out_byte = 0xFF; // white (for w%8!=0 border)
  358. uint8_t out_color_byte = 0xFF; // white (for w%8!=0 border)
  359. uint32_t out_idx = 0;
  360. file.seek(rowPosition);
  361. for (uint16_t col = 0; col < w; col++) // for each pixel
  362. {
  363. // Time to read more pixel data?
  364. if (in_idx >= in_bytes) // ok, exact match for 24bit also (size IS multiple of 3)
  365. {
  366. in_bytes = file.read(input_buffer, in_remain > sizeof(input_buffer) ? sizeof(input_buffer) : in_remain);
  367. in_remain -= in_bytes;
  368. in_idx = 0;
  369. }
  370. switch (depth)
  371. {
  372. case 24:
  373. blue = input_buffer[in_idx++];
  374. green = input_buffer[in_idx++];
  375. red = input_buffer[in_idx++];
  376. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  377. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  378. break;
  379. case 16:
  380. {
  381. uint8_t lsb = input_buffer[in_idx++];
  382. uint8_t msb = input_buffer[in_idx++];
  383. if (format == 0) // 555
  384. {
  385. blue = (lsb & 0x1F) << 3;
  386. green = ((msb & 0x03) << 6) | ((lsb & 0xE0) >> 2);
  387. red = (msb & 0x7C) << 1;
  388. }
  389. else // 565
  390. {
  391. blue = (lsb & 0x1F) << 3;
  392. green = ((msb & 0x07) << 5) | ((lsb & 0xE0) >> 3);
  393. red = (msb & 0xF8);
  394. }
  395. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  396. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  397. }
  398. break;
  399. case 1:
  400. case 4:
  401. case 8:
  402. {
  403. if (0 == in_bits)
  404. {
  405. in_byte = input_buffer[in_idx++];
  406. in_bits = 8;
  407. }
  408. uint16_t pn = (in_byte >> bitshift) & bitmask;
  409. whitish = mono_palette_buffer[pn / 8] & (0x1 << pn % 8);
  410. colored = color_palette_buffer[pn / 8] & (0x1 << pn % 8);
  411. in_byte <<= depth;
  412. in_bits -= depth;
  413. }
  414. break;
  415. }
  416. if (whitish)
  417. {
  418. // keep white
  419. }
  420. else if (colored && with_color)
  421. {
  422. out_color_byte &= ~(0x80 >> col % 8); // colored
  423. }
  424. else
  425. {
  426. out_byte &= ~(0x80 >> col % 8); // black
  427. }
  428. if ((7 == col % 8) || (col == w - 1)) // write that last byte! (for w%8!=0 border)
  429. {
  430. output_row_color_buffer[out_idx] = out_color_byte;
  431. output_row_mono_buffer[out_idx++] = out_byte;
  432. out_byte = 0xFF; // white (for w%8!=0 border)
  433. out_color_byte = 0xFF; // white (for w%8!=0 border)
  434. }
  435. } // end pixel
  436. uint16_t yrow = y + (flip ? h - row - 1 : row);
  437. display.writeImage(output_row_mono_buffer, output_row_color_buffer, x, yrow, w, 1);
  438. } // end line
  439. Serial.print("loaded in "); Serial.print(millis() - startTime); Serial.println(" ms");
  440. display.refresh();
  441. }
  442. }
  443. }
  444. file.close();
  445. if (!valid)
  446. {
  447. Serial.println("bitmap format not handled.");
  448. }
  449. }
  450. void drawBitmapFromSpiffs_Buffered(const char *filename, int16_t x, int16_t y, bool with_color, bool partial_update, bool overwrite)
  451. {
  452. fs::File file;
  453. bool valid = false; // valid format to be handled
  454. bool flip = true; // bitmap is stored bottom-to-top
  455. uint32_t startTime = millis();
  456. if ((x >= display.width()) || (y >= display.height())) return;
  457. Serial.println();
  458. Serial.print("Loading image '");
  459. Serial.print(filename);
  460. Serial.println('\'');
  461. #if defined(ESP32)
  462. file = SPIFFS.open(String("/") + filename, "r");
  463. #else
  464. file = SPIFFS.open(filename, "r");
  465. #endif
  466. if (!file)
  467. {
  468. Serial.print("File not found");
  469. return;
  470. }
  471. // Parse BMP header
  472. if (read16(file) == 0x4D42) // BMP signature
  473. {
  474. uint32_t fileSize = read32(file);
  475. uint32_t creatorBytes = read32(file);
  476. uint32_t imageOffset = read32(file); // Start of image data
  477. uint32_t headerSize = read32(file);
  478. uint32_t width = read32(file);
  479. uint32_t height = read32(file);
  480. uint16_t planes = read16(file);
  481. uint16_t depth = read16(file); // bits per pixel
  482. uint32_t format = read32(file);
  483. if ((planes == 1) && ((format == 0) || (format == 3))) // uncompressed is handled, 565 also
  484. {
  485. Serial.print("File size: "); Serial.println(fileSize);
  486. Serial.print("Image Offset: "); Serial.println(imageOffset);
  487. Serial.print("Header size: "); Serial.println(headerSize);
  488. Serial.print("Bit Depth: "); Serial.println(depth);
  489. Serial.print("Image size: ");
  490. Serial.print(width);
  491. Serial.print('x');
  492. Serial.println(height);
  493. // BMP rows are padded (if needed) to 4-byte boundary
  494. uint32_t rowSize = (width * depth / 8 + 3) & ~3;
  495. if (depth < 8) rowSize = ((width * depth + 8 - depth) / 8 + 3) & ~3;
  496. if (height < 0)
  497. {
  498. height = -height;
  499. flip = false;
  500. }
  501. uint16_t w = width;
  502. uint16_t h = height;
  503. if ((x + w - 1) >= display.width()) w = display.width() - x;
  504. if ((y + h - 1) >= display.height()) h = display.height() - y;
  505. //if (w <= max_row_width) // handle with direct drawing
  506. {
  507. valid = true;
  508. uint8_t bitmask = 0xFF;
  509. uint8_t bitshift = 8 - depth;
  510. uint16_t red, green, blue;
  511. bool whitish, colored;
  512. if (depth == 1) with_color = false;
  513. if (depth <= 8)
  514. {
  515. if (depth < 8) bitmask >>= depth;
  516. //file.seek(54); //palette is always @ 54
  517. file.seek(imageOffset - (4 << depth)); // 54 for regular, diff for colorsimportant
  518. for (uint16_t pn = 0; pn < (1 << depth); pn++)
  519. {
  520. blue = file.read();
  521. green = file.read();
  522. red = file.read();
  523. file.read();
  524. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  525. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  526. if (0 == pn % 8) mono_palette_buffer[pn / 8] = 0;
  527. mono_palette_buffer[pn / 8] |= whitish << pn % 8;
  528. if (0 == pn % 8) color_palette_buffer[pn / 8] = 0;
  529. color_palette_buffer[pn / 8] |= colored << pn % 8;
  530. }
  531. }
  532. if (partial_update) display.setPartialWindow(x, y, w, h);
  533. else display.setFullWindow();
  534. display.firstPage();
  535. do
  536. {
  537. if (!overwrite) display.fillScreen(GxEPD_WHITE);
  538. uint32_t rowPosition = flip ? imageOffset + (height - h) * rowSize : imageOffset;
  539. for (uint16_t row = 0; row < h; row++, rowPosition += rowSize) // for each line
  540. {
  541. uint32_t in_remain = rowSize;
  542. uint32_t in_idx = 0;
  543. uint32_t in_bytes = 0;
  544. uint8_t in_byte = 0; // for depth <= 8
  545. uint8_t in_bits = 0; // for depth <= 8
  546. uint16_t color = GxEPD_WHITE;
  547. file.seek(rowPosition);
  548. for (uint16_t col = 0; col < w; col++) // for each pixel
  549. {
  550. // Time to read more pixel data?
  551. if (in_idx >= in_bytes) // ok, exact match for 24bit also (size IS multiple of 3)
  552. {
  553. in_bytes = file.read(input_buffer, in_remain > sizeof(input_buffer) ? sizeof(input_buffer) : in_remain);
  554. in_remain -= in_bytes;
  555. in_idx = 0;
  556. }
  557. switch (depth)
  558. {
  559. case 24:
  560. blue = input_buffer[in_idx++];
  561. green = input_buffer[in_idx++];
  562. red = input_buffer[in_idx++];
  563. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  564. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  565. break;
  566. case 16:
  567. {
  568. uint8_t lsb = input_buffer[in_idx++];
  569. uint8_t msb = input_buffer[in_idx++];
  570. if (format == 0) // 555
  571. {
  572. blue = (lsb & 0x1F) << 3;
  573. green = ((msb & 0x03) << 6) | ((lsb & 0xE0) >> 2);
  574. red = (msb & 0x7C) << 1;
  575. }
  576. else // 565
  577. {
  578. blue = (lsb & 0x1F) << 3;
  579. green = ((msb & 0x07) << 5) | ((lsb & 0xE0) >> 3);
  580. red = (msb & 0xF8);
  581. }
  582. whitish = with_color ? ((red > 0x80) && (green > 0x80) && (blue > 0x80)) : ((red + green + blue) > 3 * 0x80); // whitish
  583. colored = (red > 0xF0) || ((green > 0xF0) && (blue > 0xF0)); // reddish or yellowish?
  584. }
  585. break;
  586. case 1:
  587. case 4:
  588. case 8:
  589. {
  590. if (0 == in_bits)
  591. {
  592. in_byte = input_buffer[in_idx++];
  593. in_bits = 8;
  594. }
  595. uint16_t pn = (in_byte >> bitshift) & bitmask;
  596. whitish = mono_palette_buffer[pn / 8] & (0x1 << pn % 8);
  597. colored = color_palette_buffer[pn / 8] & (0x1 << pn % 8);
  598. in_byte <<= depth;
  599. in_bits -= depth;
  600. }
  601. break;
  602. }
  603. if (whitish)
  604. {
  605. color = GxEPD_WHITE;
  606. }
  607. else if (colored && with_color)
  608. {
  609. color = GxEPD_COLORED;
  610. }
  611. else
  612. {
  613. color = GxEPD_BLACK;
  614. }
  615. uint16_t yrow = y + (flip ? h - row - 1 : row);
  616. display.drawPixel(x + col, yrow, color);
  617. } // end pixel
  618. } // end line
  619. }
  620. while (display.nextPage());
  621. Serial.print("loaded in "); Serial.print(millis() - startTime); Serial.println(" ms");
  622. }
  623. }
  624. }
  625. file.close();
  626. if (!valid)
  627. {
  628. Serial.println("bitmap format not handled.");
  629. }
  630. }
  631. uint16_t read16(fs::File& f)
  632. {
  633. // BMP data is stored little-endian, same as Arduino.
  634. uint16_t result;
  635. ((uint8_t *)&result)[0] = f.read(); // LSB
  636. ((uint8_t *)&result)[1] = f.read(); // MSB
  637. return result;
  638. }
  639. uint32_t read32(fs::File& f)
  640. {
  641. // BMP data is stored little-endian, same as Arduino.
  642. uint32_t result;
  643. ((uint8_t *)&result)[0] = f.read(); // LSB
  644. ((uint8_t *)&result)[1] = f.read();
  645. ((uint8_t *)&result)[2] = f.read();
  646. ((uint8_t *)&result)[3] = f.read(); // MSB
  647. return result;
  648. }