/******************************************************************************* * Animated GIF Image Viewer * This is a simple Animated GIF image viewer exsample * Image Source: https://www.pexels.com/video/earth-rotating-video-856356/ * cropped: x: 598 y: 178 width: 720 height: 720 resized: 240x240 * optimized with ezgif.com * * Setup steps: * 1. Change your LCD parameters in Arduino_GFX setting * 2. Upload Animated GIF file * FFat (ESP32): * upload FFat (FatFS) data with ESP32 Sketch Data Upload: * ESP32: https://github.com/lorol/arduino-esp32fs-plugin * LittleFS (ESP32 / ESP8266 / Pico): * upload LittleFS data with ESP8266 LittleFS Data Upload: * ESP32: https://github.com/lorol/arduino-esp32fs-plugin * ESP8266: https://github.com/earlephilhower/arduino-esp8266littlefs-plugin * Pico: https://github.com/earlephilhower/arduino-pico-littlefs-plugin.git * SPIFFS (ESP32): * upload SPIFFS data with ESP32 Sketch Data Upload: * ESP32: https://github.com/lorol/arduino-esp32fs-plugin * SD: * Most Arduino system built-in support SD file system. * Wio Terminal require extra dependant Libraries: * - Seeed_Arduino_FS: https://github.com/Seeed-Studio/Seeed_Arduino_FS.git * - Seeed_Arduino_SFUD: https://github.com/Seeed-Studio/Seeed_Arduino_SFUD.git ******************************************************************************/ /* Wio Terminal */ #if defined(ARDUINO_ARCH_SAMD) && defined(SEEED_GROVE_UI_WIRELESS) #define GIF_FILENAME "/ezgif.com-optimize.gif" #elif defined(ARDUINO_RASPBERRY_PI_PICO) || defined(ARDUINO_RASPBERRY_PI_PICO_W) #define GIF_FILENAME "/ezgif.com-optimize.gif" #elif defined(ESP32) #define GIF_FILENAME "/ezgif.com-optimize.gif" #else #define GIF_FILENAME "/ezgif.com-resize.gif" #endif /******************************************************************************* * Start of Arduino_GFX setting * * Arduino_GFX try to find the settings depends on selected board in Arduino IDE * Or you can define the display dev kit not in the board list * Defalult pin list for non display dev kit: * Arduino Nano, Micro and more: CS: 9, DC: 8, RST: 7, BL: 6, SCK: 13, MOSI: 11, MISO: 12 * ESP32 various dev board : CS: 5, DC: 27, RST: 33, BL: 22, SCK: 18, MOSI: 23, MISO: nil * ESP32-C3 various dev board : CS: 7, DC: 2, RST: 1, BL: 3, SCK: 4, MOSI: 6, MISO: nil * ESP32-S2 various dev board : CS: 34, DC: 35, RST: 33, BL: 21, SCK: 36, MOSI: 35, MISO: nil * ESP32-S3 various dev board : CS: 40, DC: 41, RST: 42, BL: 48, SCK: 36, MOSI: 35, MISO: nil * ESP8266 various dev board : CS: 15, DC: 4, RST: 2, BL: 5, SCK: 14, MOSI: 13, MISO: 12 * Raspberry Pi Pico dev board : CS: 17, DC: 27, RST: 26, BL: 28, SCK: 18, MOSI: 19, MISO: 16 * RTL8720 BW16 old patch core : CS: 18, DC: 17, RST: 2, BL: 23, SCK: 19, MOSI: 21, MISO: 20 * RTL8720_BW16 Official core : CS: 9, DC: 8, RST: 6, BL: 3, SCK: 10, MOSI: 12, MISO: 11 * RTL8722 dev board : CS: 18, DC: 17, RST: 22, BL: 23, SCK: 13, MOSI: 11, MISO: 12 * RTL8722_mini dev board : CS: 12, DC: 14, RST: 15, BL: 13, SCK: 11, MOSI: 9, MISO: 10 * Seeeduino XIAO dev board : CS: 3, DC: 2, RST: 1, BL: 0, SCK: 8, MOSI: 10, MISO: 9 * Teensy 4.1 dev board : CS: 39, DC: 41, RST: 40, BL: 22, SCK: 13, MOSI: 11, MISO: 12 ******************************************************************************/ #include #define GFX_BL DF_GFX_BL // default backlight pin, you may replace DF_GFX_BL to actual backlight pin /* More dev device declaration: https://github.com/moononournation/Arduino_GFX/wiki/Dev-Device-Declaration */ #if defined(DISPLAY_DEV_KIT) Arduino_GFX *gfx = create_default_Arduino_GFX(); #else /* !defined(DISPLAY_DEV_KIT) */ /* More data bus class: https://github.com/moononournation/Arduino_GFX/wiki/Data-Bus-Class */ Arduino_DataBus *bus = create_default_Arduino_DataBus(); /* More display class: https://github.com/moononournation/Arduino_GFX/wiki/Display-Class */ Arduino_GFX *gfx = new Arduino_ILI9341(bus, DF_GFX_RST, 3 /* rotation */, false /* IPS */); #endif /* !defined(DISPLAY_DEV_KIT) */ /******************************************************************************* * End of Arduino_GFX setting ******************************************************************************/ /* Wio Terminal */ #if defined(ARDUINO_ARCH_SAMD) && defined(SEEED_GROVE_UI_WIRELESS) #include #include #elif defined(ARDUINO_RASPBERRY_PI_PICO) || defined(ARDUINO_RASPBERRY_PI_PICO_W) #include #include #elif defined(ESP32) #include #include #include #include #elif defined(ESP8266) #include #include #else #include #endif #include "GifClass.h" static GifClass gifClass; void setup() { Serial.begin(115200); // Init Display gfx->begin(); gfx->fillScreen(BLACK); #ifdef GFX_BL pinMode(GFX_BL, OUTPUT); digitalWrite(GFX_BL, HIGH); #endif /* Wio Terminal */ #if defined(ARDUINO_ARCH_SAMD) && defined(SEEED_GROVE_UI_WIRELESS) if (!SD.begin(SDCARD_SS_PIN, SDCARD_SPI, 4000000UL)) #elif defined(ARDUINO_RASPBERRY_PI_PICO) || defined(ARDUINO_RASPBERRY_PI_PICO_W) if (!LittleFS.begin()) // if (!SD.begin(SS)) #elif defined(ESP32) // if (!FFat.begin()) if (!LittleFS.begin()) // if (!SPIFFS.begin()) // if (!SD.begin(SS)) #elif defined(ESP8266) if (!LittleFS.begin()) // if (!SD.begin(SS)) #else if (!SD.begin()) #endif { Serial.println(F("ERROR: File System Mount Failed!")); gfx->println(F("ERROR: File System Mount Failed!")); exit(0); } } void loop() { /* Wio Terminal */ #if defined(ARDUINO_ARCH_SAMD) && defined(SEEED_GROVE_UI_WIRELESS) File gifFile = SD.open(GIF_FILENAME, "r"); #elif defined(ARDUINO_RASPBERRY_PI_PICO) || defined(ARDUINO_RASPBERRY_PI_PICO_W) File gifFile = LittleFS.open(GIF_FILENAME, "r"); // File gifFile = SD.open(GIF_FILENAME, "r"); #elif defined(ESP32) // File gifFile = FFat.open(GIF_FILENAME, "r"); File gifFile = LittleFS.open(GIF_FILENAME, "r"); // File gifFile = SPIFFS.open(GIF_FILENAME, "r"); // File gifFile = SD.open(GIF_FILENAME, "r"); #elif defined(ESP8266) File gifFile = LittleFS.open(GIF_FILENAME, "r"); // File gifFile = SD.open(GIF_FILENAME, "r"); #else File gifFile = SD.open(GIF_FILENAME, FILE_READ); #endif if (!gifFile || gifFile.isDirectory()) { Serial.println(F("ERROR: open gifFile Failed!")); gfx->println(F("ERROR: open gifFile Failed!")); } else { // read GIF file header gd_GIF *gif = gifClass.gd_open_gif(&gifFile); if (!gif) { Serial.println(F("gd_open_gif() failed!")); } else { uint8_t *buf = (uint8_t *)malloc(gif->width * gif->height); if (!buf) { Serial.println(F("buf malloc failed!")); } else { int16_t x = (gfx->width() - gif->width) / 2; int16_t y = (gfx->height() - gif->height) / 2; Serial.println(F("GIF video start")); int32_t t_fstart, t_delay = 0, t_real_delay, delay_until; int32_t res = 1; int32_t duration = 0, remain = 0; while (res > 0) { t_fstart = millis(); t_delay = gif->gce.delay * 10; res = gifClass.gd_get_frame(gif, buf); if (res < 0) { Serial.println(F("ERROR: gd_get_frame() failed!")); break; } else if (res > 0) { gfx->drawIndexedBitmap(x, y, buf, gif->palette->colors, gif->width, gif->height); t_real_delay = t_delay - (millis() - t_fstart); duration += t_delay; remain += t_real_delay; delay_until = millis() + t_real_delay; while (millis() < delay_until) { delay(1); } } } Serial.println(F("GIF video end")); Serial.print(F("duration: ")); Serial.print(duration); Serial.print(F(", remain: ")); Serial.print(remain); Serial.print(F(" (")); Serial.print(100.0 * remain / duration); Serial.println(F("%)")); gifClass.gd_close_gif(gif); free(buf); } } } }