Best way to create animations on screen #2402

MShokry · 2023-02-13T12:27:49Z

MShokry
Feb 13, 2023

Hi
Currently, I'm trying to create an animation on the 3.2 screen
connection SPI with 75Mhz & ILI9341
Using Jpg images stored in SD card used as Background, I need to write Arabic text on the screen.
I need to add animation to the screen to make it more attractive.
The Max sprite size I can create is 180x180 16bit.
any suggestion?

Target

Raven-rvn · 2023-12-09T15:52:15Z

Raven-rvn
Dec 9, 2023

how can i write arabic words?

4 replies

MShokry Dec 12, 2023
Author

Add the following to the lib

/***************************************************************************************
** Function name:           drawStringRTLAr
** Description:             Draw the string Arabic RTL and update cursor coordinates
***************************************************************************************/
void TFT_eSPI::drawStringRTLAr(const String &string,int32_t poX, int32_t poY)
{
  setCursor(poX, poY);
  int16_t len = string.length() + 2;
  // Serial.print("Size:");
  // Serial.println((String)len);
  char sbuffer[len];
  string.toCharArray(sbuffer, len);
  drawStringRTLAr(sbuffer, &cursor_x, &cursor_y);
}
/***************************************************************************************
** Function name:           drawStringRTLAr
** Description:             Draw the string Arabic RTL and update cursor coordinates
***************************************************************************************/
void TFT_eSPI::drawStringRTLAr(const String &string)
{
  int16_t len = string.length() + 2;
  // Serial.print("Size:");
  // Serial.println((String)len);
  char sbuffer[len];
  string.toCharArray(sbuffer, len);
  drawStringRTLAr(sbuffer, &cursor_x, &cursor_y);
}
/***************************************************************************************
** Function name:           isFrom
** Description:             If the font has a From 
***************************************************************************************/
#define ISOLATED 1
#define INITIAL 2
#define MEDIAL 3
#define FINAL 4

const uint8_t CODECOUNT = 180;
const uint16_t codes[CODECOUNT][5] PROGMEM = {
  //'<isolated>', '<initial>', '<medial>', '<final>'
//#ARABIC LETTER HAMZA
  0x0621,0xFE80, 0, 0, 0,
//#ARABIC LETTER ALEF WITH MADDA ABOVE
  0x0622,0x0622, 0, 0, 0xFE82,
//#ARABIC LETTER ALEF WITH HAMZA ABOVE
  0x0623,0x0623, 0, 0, 0xFE84,
//#ARABIC LETTER WAW WITH HAMZA ABOVE
  0x0624,0x0624, 0, 0, 0xFE86,
//#ARABIC LETTER ALEF WITH HAMZA BELOW
  0x0625,0x0625, 0, 0, 0xFE88,
//#ARABIC LETTER YEH WITH HAMZA ABOVE
  0x0626,0x0626, 0xFE8B, 0xFE8C, 0xFE8A,
//#ARABIC LETTER ALEF
  0x0627,0x0627, 0, 0, 0xFE8E,
//#ARABIC LETTER BEH
  0x0628,0x0628, 0xFE91, 0xFE92, 0xFE90,
//#ARABIC LETTER TEH MARBUTA
  0x0629,0x0629, 0, 0, 0xFE94,
//#ARABIC LETTER TEH
  0x062A,0x062A, 0xFE97, 0xFE98, 0xFE96,
//#ARABIC LETTER THEH
  0x062B,0x062B, 0xFE9B, 0xFE9C, 0xFE9A,
//#ARABIC LETTER JEEM
  0x062C,0x062C, 0xFE9F, 0xFEA0, 0xFE9E,
//#ARABIC LETTER HAH
  0x062D,0xFEA1, 0xFEA3, 0xFEA4, 0xFEA2,
//#ARABIC LETTER KHAH
  0x062E,0x062E, 0xFEA7, 0xFEA8, 0xFEA6,
//#ARABIC LETTER DAL
  0x062F,0x062F, 0, 0, 0xFEAA,
//#ARABIC LETTER THAL
  0x0630,0x0630, 0, 0, 0xFEAC,
//#ARABIC LETTER REH
  0x0631,0x0631, 0, 0, 0xFEAE,
//#ARABIC LETTER ZAIN
  0x0632,0x0632, 0, 0, 0xFEB0,
//#ARABIC LETTER SEEN
  0x0633,0x0633, 0xFEB3, 0xFEB4, 0xFEB2,
//#ARABIC LETTER SHEEN
  0x0634,0x0634, 0xFEB7, 0xFEB8, 0xFEB6,
//#ARABIC LETTER SAD
  0x0635,0x0635, 0xFEBB, 0xFEBC, 0xFEBA,
//#ARABIC LETTER DAD
  0x0636,0x0636, 0xFEBF, 0xFEC0, 0xFEBE,
//#ARABIC LETTER TAH
  0x0637,0x0637, 0xFEC3, 0xFEC4, 0xFEC2,
//#ARABIC LETTER ZAH
  0x0638,0x0638, 0xFEC7, 0xFEC8, 0xFEC6,
//#ARABIC LETTER AIN
  0x0639,0x0639, 0xFECB, 0xFECC, 0xFECA,
//#ARABIC LETTER GHAIN
  0x063A,0x063A, 0xFECF, 0xFED0, 0xFECE,
//#ARABIC TATWEEL
  0x0640,0x0640, 0x0640, 0x0640, 0x0640,
//#ARABIC LETTER FEH
  0x0641,0x0641, 0xFED3, 0xFED4, 0xFED2,
//#ARABIC LETTER QAF
  0x0642,0x0642, 0xFED7, 0xFED8, 0xFED6,
//#ARABIC LETTER KAF
  0x0643,0x0643, 0xFEDB, 0xFEDC, 0xFEDA,
//#ARABIC LETTER LAM
  0x0644,0x0644, 0xFEDF, 0xFEE0, 0xFEDE,
//#ARABIC LETTER MEEM
  0x0645,0x0645, 0xFEE3, 0xFEE4, 0xFEE2,
//#ARABIC LETTER NOON
  0x0646,0x0646, 0xFEE7, 0xFEE8, 0xFEE6,
//#ARABIC LETTER HEH
  0x0647,0x0647, 0xFEEB, 0xFEEC, 0xFEEA,
//#ARABIC LETTER WAW
  0x0648,0x0648, 0, 0, 0xFEEE,
//#ARABIC LETTER(UIGHUR KAZAKH KIRGHIZ) ? ALEF MAKSURA
  0x0649,0x0649, 0xFBE8, 0xFBE9, 0xFEF0,
//#ARABIC LETTER YEH
  0x064A,0x064A, 0xFEF3, 0xFEF4, 0xFEF2,
//#ARABIC LETTER ALEF WASLA
  0x0671,0x0671, 0, 0, 0xFB51,
//#ARABIC LETTER U WITH HAMZA ABOVE
  0x0677,0x0677, 0, 0, 0,
//#ARABIC LETTER TTEH
  0x0679,0x0679, 0xFB68, 0xFB69, 0xFB67,
//#ARABIC LETTER TTEHEH
  0x067A,0x067A, 0xFB60, 0xFB61, 0xFB5F,
//#ARABIC LETTER BEEH
  0x067B,0x067B, 0xFB54, 0xFB55, 0xFB53,
//#ARABIC LETTER PEH
  0x067E,0x067E, 0xFB58, 0xFB59, 0xFB57,
//#ARABIC LETTER TEHEH
  0x067F,0x067F, 0xFB64, 0xFB65, 0xFB63,
//#ARABIC LETTER BEHEH
  0x0680,0x0680, 0xFB5C, 0xFB5D, 0xFB5B,
//#ARABIC LETTER NYEH
  0x0683,0x0683, 0xFB78, 0xFB79, 0xFB77,
//#ARABIC LETTER DYEH
  0x0684,0x0684, 0xFB74, 0xFB75, 0xFB73,
//#ARABIC LETTER TCHEH
  0x0686,0x0686, 0xFB7C, 0xFB7D, 0xFB7B,
//#ARABIC LETTER TCHEHEH
  0x0687,0x0687, 0xFB80, 0xFB81, 0xFB7F,
//#ARABIC LETTER DDAL
  0x0688,0x0688, 0, 0, 0xFB89,
//#ARABIC LETTER DAHAL
  0x068C,0x068C, 0, 0, 0xFB85,
//#ARABIC LETTER DDAHAL
  0x068D,0x068D, 0, 0, 0xFB83,
//#ARABIC LETTER DUL
  0x068E,0x068E, 0, 0, 0xFB87,
//#ARABIC LETTER RREH
  0x0691,0x0691, 0, 0, 0xFB8D,
//#ARABIC LETTER JEH
  0x0698,0x0698, 0, 0, 0xFB8B,
//#ARABIC LETTER VEH
  0x06A4,0x06A4, 0xFB6C, 0xFB6D, 0xFB6B,
//#ARABIC LETTER PEHEH
  0x06A6,0x06A6, 0xFB70, 0xFB71, 0xFB6F,
//#ARABIC LETTER KEHEH
  0x06A9,0x06A9, 0xFB90, 0xFB91, 0xFB8F,
//#ARABIC LETTER NG
  0x06AD,0x06AD, 0xFBD5, 0xFBD6, 0xFBD4,
//#ARABIC LETTER GAF
  0x06AF,0x06AF, 0xFB94, 0xFB95, 0xFB93,
//#ARABIC LETTER NGOEH
  0x06B1,0x06B1, 0xFB9C, 0xFB9D, 0xFB9B,
//#ARABIC LETTER GUEH
  0x06B3,0x06B3, 0xFB98, 0xFB99, 0xFB97,
//#ARABIC LETTER NOON GHUNNA
  0x06BA,0x06BA, 0, 0, 0xFB9F,
//#ARABIC LETTER RNOON
  0x06BB,0x06BB, 0xFBA2, 0xFBA3, 0xFBA1,
//#ARABIC LETTER HEH DOACHASHMEE
  0x06BE,0x06BE, 0xFBAC, 0xFBAD, 0xFBAB,
//#ARABIC LETTER HEH WITH YEH ABOVE
  0x06C0,0x06C0, 0, 0, 0xFBA5,
//#ARABIC LETTER HEH GOAL
  0x06C1,0x06C1, 0xFBA8, 0xFBA9, 0xFBA7,
//#ARABIC LETTER KIRGHIZ OE
  0x06C5,0x06C5, 0, 0, 0xFBE1,
//#ARABIC LETTER OE
  0x06C6,0x06C6, 0, 0, 0xFBDA,
//#ARABIC LETTER U
  0x06C7,0x06C7, 0, 0, 0xFBD8,
//#ARABIC LETTER YU
  0x06C8,0x06C8, 0, 0, 0xFBDC,
//#ARABIC LETTER KIRGHIZ YU
  0x06C9,0x06C9, 0, 0, 0xFBE3,
//#ARABIC LETTER VE
  0x06CB,0x06CB, 0, 0, 0xFBDF,
//#ARABIC LETTER FARSI YEH
  0x06CC,0x06CC, 0xFBFE, 0xFBFF, 0xFBFD,
//#ARABIC LETTER E
  0x06D0,0x06D0, 0xFBE6, 0xFBE7, 0xFBE5,
//#ARABIC LETTER YEH BARREE
  0x06D2,0x06D2, 0, 0, 0xFBAF,
//#ARABIC LETTER YEH BARREE WITH HAMZA ABOVE
  0x06D3,0x06D3, 0, 0, 0xFBB1,
//#Kurdish letter YEAH
  0x06ce,0xE004, 0xE005, 0xE006, 0xE004,
//#Kurdish letter Hamza same as arabic Teh without the point
  0x06d5,0x06d5, 0, 0, 0xE000,
};

bool isFrom(uint16_t ch, int loc = INITIAL)
{
  if(!(ch >= 0x0621 && ch <= 0x06d5)){
    return false;
  }
  uint16_t st = 0;
  if((ch - 0x0621)>0){
    st =0;
  }
  for (uint16_t i = st; i < CODECOUNT; i++) //Optimize finidng speed
  {
    if (codes[i][0] == ch)
    {
      if (codes[i][loc]>0)
        return true;
      else
        return false;
    }
  }
  return false;
}
/***************************************************************************************
** Function name:           Location
** Description:             Find the location of the current letter
***************************************************************************************/
uint8_t Location(uint16_t ch, uint16_t NextChar, uint16_t PrevChar)
{
  /*
  ('<isolated>', '<initial>', '<medial>', '<final>')
    */
  uint8_t stat;
  bool p = isFrom(PrevChar, INITIAL);
  bool n = isFrom(NextChar, FINAL);
  // Serial.print(ch);
  // Serial.printf("$ ");
  // Serial.print(NextChar);
  // Serial.print("$");
  // Serial.print(PrevChar);
  // Serial.print("$");
  // Serial.print(ch -  0x0620);
  // Serial.print("P");
  // Serial.print((String) p  );
  // Serial.print("P");
  // Serial.println((String) n );

  if (p) // initail
  {
    if (n) // end
      stat = MEDIAL; 
    else
      stat = FINAL;
  }
  else if (n)
    stat = INITIAL; //Final
  else
    stat = ISOLATED; //Medial
  

  return stat;
}
/***************************************************************************************
** Function name:           drawStringRTLAr
** Description:             Draw the string Arabic RTL at defined coordinates
***************************************************************************************/
// Must call with variables, &x and &y
void TFT_eSPI::drawStringRTLAr(const char *string, int32_t *x, int32_t *y)
{
  int32_t poX = *x;
  int32_t poY = *y;

  int16_t len = strlen(string);

  if (fontLoaded)
  {
    uint8_t datum = getTextDatum();
    int16_t cx = getCursorX();
    int16_t cy = getCursorY();
    // setTextDatum(TL_DATUM);
    uint16_t n = 0;
    uint16_t PrevChar = '\0';
    uint16_t NextChar = '\0';
    while (n < len)
    {
      uint16_t uniCode = decodeUTF8((uint8_t*)string, &n, len - n);
      uint16_t nPefore = n;
      if (n < len)
      {
        NextChar = decodeUTF8((uint8_t *)string, &nPefore, len - nPefore);
      }else{
        NextChar = '\0';
      }
      if (uniCode >= 0x0621 && uniCode <= 0x06d5) //Replace Char
      {
        uint8_t loc = Location(uniCode,NextChar, PrevChar);
        PrevChar = uniCode;
        // Serial.print("X");
        // Serial.print(uniCode, HEX);
        // Serial.print("L");
        // Serial.print((int)loc, HEX);
        // Serial.print("G");
        // Serial.print(uniCode - 0x0622, HEX);
        for(int i=0;i<CODECOUNT;i++){
          if (codes[i][0] == uniCode)
          {
            if (codes[i][loc])
            uniCode =codes[i][loc];
          }
        }
        // search for letter here
        // Serial.print("N");
        // Serial.println(uniCode, HEX);
      }else{
        PrevChar = uniCode;
      }
      uint16_t gNum = 0;
      bool found = getUnicodeIndex(uniCode, &gNum);

      if (uniCode == 0x20)
      {
        poX -= gFont.spaceWidth;
      }
      else if (uniCode == '\n')
      {
        poX = width() - 1;
        poY += gFont.yAdvance;
      }else if (found){
        poX -= (gWidth[gNum] + gdX[gNum]);
        if (poX < 0)
        {
          poX = width() - (gWidth[gNum] + gdX[gNum]);
          poY += gFont.yAdvance;
          if (poY >= height())
            poY = 0;
        }
        setCursor(poX, poY);
        drawGlyph(uniCode);
      }
    }

    setTextDatum(datum);
    setCursor(cx, cy);

    *x = poX;
    *y = poY;
  }
}

And this to .h

  void drawStringRTLAr(const String &string);
  void drawStringRTLAr(const String &string,int32_t poX, int32_t poY);
  void drawStringRTLAr(const char *string, int32_t *x, int32_t *y);
  void setCursorRTL(int32_t cx, int32_t cy);

How to use :

tft.drawStringRTLAr("بسم الله الرحمن الرحيم",470,90);
tft.drawStringRTLAr("تجربة عربي");

Raven-rvn Dec 12, 2023

this is amazing thanks alot.
by the way if u can add 4 more letters to this it will be awesome.
i want to write persian words which is similar to arabic but it has 4 extra letters (پ_چ_ژ_گ)

MShokry Jan 17, 2024
Author

@Raven-rvn is it working with you now?
sorry for the delay

Raven-rvn Mar 4, 2024

that was long time ago and i don't remember any of that :D
i'm not doing that stuf anymore..sorry :/

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Best way to create animations on screen #2402

{{title}}

Replies: 1 comment 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Best way to create animations on screen #2402

MShokry Feb 13, 2023

Replies: 1 comment · 4 replies

Raven-rvn Dec 9, 2023

MShokry Dec 12, 2023 Author

Raven-rvn Dec 12, 2023

MShokry Jan 17, 2024 Author

Raven-rvn Mar 4, 2024

MShokry
Feb 13, 2023

Replies: 1 comment 4 replies

Raven-rvn
Dec 9, 2023

MShokry Dec 12, 2023
Author

MShokry Jan 17, 2024
Author