Need help with 1 bit sprite

[2ant]

Hi, i have a 50by50 image in black and white converted to code and i can't get it on my screen.

I tried xbm and sprite and got nowhere.

I managed a while ago to do it with color images but i can't seem to find how to do it with 1bit images.

Any help is appreciated.

My ultimate goal is to send images via bluetooth or wifi and display them.
I was thinking that i could try with 1bit first but i failed.

#include "xbm.h"

#include "BluetoothSerial.h"

#include <TFT_eSPI.h> // Hardware-specific library
#include <SPI.h>

TFT_eSPI tft = TFT_eSPI();       // Invoke custom library

TFT_eSprite spr2 = TFT_eSprite(&tft);

BluetoothSerial SerialBT;

void setup()
{
  Serial.begin(115200);

  SerialBT.begin("ESP32test");
 
  tft.init();            
  tft.fillScreen(TFT_BLUE);
  tft.setRotation(0);
  tft.setCursor(0, 0);

  spr2.setColorDepth(1);
  spr2.createSprite(50,50);
  spr2.fillSprite(TFT_WHITE);

  
  for (int i = 0; i<10; i++)
  {
    spr2.drawPixel( 20, i, TFT_RED);
  }
  spr2.pushSprite(50, 50, TFT_WHITE);
}

void loop(void)
{
  while (SerialBT.available()) 
  {

  }
}

[Bodmer]

This is how to specify pixel colours and paint in the 1bpp sprite.

#include <TFT_eSPI.h> // Hardware-specific library

TFT_eSPI tft = TFT_eSPI();       // Invoke custom library

TFT_eSprite spr2 = TFT_eSprite(&tft);

// Define 1bpp foreground and background colours (can be 1 or 0 only)
#define FG_COLOR 1
#define BG_COLOR 0

void setup()
{
  Serial.begin(115200);

  tft.init();            
  tft.fillScreen(TFT_BLUE);
  tft.setRotation(0);
  tft.setCursor(0, 0);

  // Create a 1 bit sprite (pixel value can only be 1 or 0)
  spr2.setColorDepth(1);
  spr2.createSprite(50,50);

  // Set pixel bit value of 1 to red and 0 to white
  //                 Foreground, Background
  spr2.setBitmapColor(TFT_RED, TFT_WHITE);

  spr2.fillSprite(BG_COLOR);
  spr2.fillCircle(25, 25, 10, FG_COLOR);

  spr2.pushSprite(50, 50);
}

void loop(void)
{

}

[2ant]

Thanks for your help!
I managed to achieve my goal of transmitting and displaying a 16px by 16px 1bit image.

On the left is my image stored in the memory of the arduino and on the right is a second image sent from a python script throught bluetooth.

My arduino code:

#include "xbm.h"

#include "BluetoothSerial.h"

#include <TFT_eSPI.h> 
#include <SPI.h>

TFT_eSPI tft = TFT_eSPI();       

TFT_eSprite spr2 = TFT_eSprite(&tft);

#define FG_COLOR 1
#define BG_COLOR 0

#define TAB_SIZE 256

unsigned char logo2 [TAB_SIZE];

BluetoothSerial SerialBT;

void setup()
{
  Serial.begin(115200);

  SerialBT.begin("ESP32test");
 
  tft.init();            // initialize LCD
  tft.fillScreen(TFT_BLUE);
  tft.setRotation(0);
  tft.setCursor(0, 0);

  spr2.setColorDepth(1);
  spr2.createSprite(16,16);

  spr2.setBitmapColor(TFT_BLACK, TFT_WHITE);

  spr2.fillSprite(BG_COLOR);

  for (int i = 0; i<16; i++)
  {
    for (int j = 0; j<16; j++)
    {
      if (int(logo[j][i]) == 0x00 )
      {
        spr2.drawPixel( j, i, FG_COLOR);      
      }
    }
  }

  spr2.pushSprite(0, 0);
}

void loop(void)
{

  while (SerialBT.available()) 
  {
    SerialBT.readBytes(logo2,TAB_SIZE);

    spr2.fillSprite(BG_COLOR);

    for (int y = 0; y<16; y++)
    {
      for (int x = 0; x<16; x++)
      { 
        if (int(logo2[((y*16)+x)]) == 0 )
        {
          spr2.drawPixel( x, y, FG_COLOR);
        }
      }
    }

    spr2.pushSprite(32, 0);
  }
}

My first image:

#define logoWidth  16  
#define logoHeight 16  



PROGMEM const unsigned char logo[16][16] = {
0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000,   
0x0000, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,  
0x0000, 0xFFFF, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0xFFFF, 0x0000,   
0x0000, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0xFFFF, 0x0000,   
0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000, 0x0000,
};

My python code that sent the second image:

import serial

serialPort = serial.Serial(port='COM6', baudrate=115200)

command = \
b'\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00' \
b'\x00\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\x00' \
b'\x00\xFF\xFF\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\xFF\xFF\x00' \
b'\x00\xFF\x00\xFF\x00\x00\x00\x00\x00\x00\x00\x00\xFF\x00\xFF\x00' \
b'\x00\xFF\x00\x00\xFF\x00\x00\x00\x00\x00\x00\xFF\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\xFF\x00\x00\x00\x00\xFF\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\x00\xFF\x00\x00\xFF\x00\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\x00\x00\xFF\xFF\x00\x00\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\x00\x00\xFF\xFF\x00\x00\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\x00\xFF\x00\x00\xFF\x00\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\x00\xFF\x00\x00\x00\x00\xFF\x00\x00\x00\xFF\x00' \
b'\x00\xFF\x00\x00\xFF\x00\x00\x00\x00\x00\x00\xFF\x00\x00\xFF\x00' \
b'\x00\xFF\x00\xFF\x00\x00\x00\x00\x00\x00\x00\x00\xFF\x00\xFF\x00' \
b'\x00\xFF\xFF\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\xFF\xFF\x00' \
b'\x00\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\x00' \
b'\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00' \

serialPort.write(command)

If anyone has a better or cleaner way to do this, any comment is appreciated.

I will try later with colored images and post the results.