Cheap & Cute PhotoFrame Without SD Card on ESP8266 + 1.8inch TFT

Introduction: Cheap & Cute PhotoFrame Without SD Card on ESP8266 + 1.8inch TFT

Digital photo frame are awesome thing to show photos of your family members, friends and your pets. I wanted to build a small, cheap and cute photo frame with the parts already in my hand. This frame use 1.8" Small TFT panel and ESP8266 wireless development environment in a 3D printed case.




Supplies:

1.8 TFT Panel ST7735 http://www.aliexpress.com/item/32913848470.html

1.8 TFT Panel ST7735 https://www.banggood.com/1_441_82_02_22_42_8-Inch-...

ESP8266 WEMOS D1 https://www.aliexpress.com/item/33036965281.html

3D Printed Case https://www.thingiverse.com/thing:4097143

Some Wires & Soldering Iron.

Step 1: Parts

I've prepare parts and printed frame on my 3D Printer.

Model Download: https://www.tinkercad.com/things/1oIgHjgjMjd

Step 2: Hardware Install

Solder and mount parts on 3D Printed case as shown above images.
1.8" (Actually 1.77") TFT Panel datasheet
Wemos D1 datasheet

Step 3: Convert Photo to "C" Array!

This photoframe uses internal flash of ESP8266 module. So you don't need any external SD Card. You may convert 128x160 pixel photo to C array with LCDimageConverter. ESP8266's 4MB flash memory is enough to store many photos. You can download software and convert C Array your photos.

LCDimageConverter download

Step 4: Software

You can sore your c array photos on photos.h file. Also need Adafruit GFX library and Adafruit ST7735 header file for this application.

Downloadexample code

Be the First to Share

    Recommendations

    • Pi Day Speed Challenge

      Pi Day Speed Challenge
    • Trash to Treasure Contest

      Trash to Treasure Contest
    • Microcontroller Contest

      Microcontroller Contest

    7 Comments

    0
    Fatmatul Muntafiah
    Fatmatul Muntafiah

    10 months ago

    Excuse me, Sir..
    how to generate JPEG image (.jpg) images using LCD Image Converter ?
    I have followed the steps correctly, but I get an error like this:
    error: too many initializers for 'const uint16_t [20480] {aka const short unsigned int [20480]}'

    I attach the following photo example that I used

    before that I say thank you :-)

    abstrakciya-fon-40429.jpgfatma.jpgerr.png
    0
    tonyliuguo
    tonyliuguo

    Reply 10 months ago

    Hi,
    I apologize for my late reply.
    Can you share your image array. I've create your image into an array like below.
    It's work for me.

    https://bit.ly/3bOaVqs

    0
    Fatmatul Muntafiah
    Fatmatul Muntafiah

    Reply 10 months ago


    Excuse me, Sir
    for the image array code that you shared, I successfully compiled it
    but,
    when I try to convert another photo by following the steps Convert Photo to "C" array. always fails sir ... with the same error code = too many initializers for 'const uint16_t [20480] {aka const short unsigned int [20480]}'

    please send an example video of Convert Photo to "C" Array
    I have followed the steps above correctly, but the results still fail


    Screenshot_3.pngScreenshot_4.png
    0
    tonyliuguo
    tonyliuguo

    Reply 9 months ago

    Please check step 3- I've remarked some features to setting up.

    0
    audreyobscura
    audreyobscura

    1 year ago

    Cool design! Thanks for sharing!

    0
    tonyliuguo
    tonyliuguo

    Reply 1 year ago

    Thanks a lot :)

    0
    tonyliuguo
    tonyliuguo

    Reply 1 year ago

    Thank you so much!