Having trouble with I2c display

Other Hardware Displays
1

Hello,

I'm working on this project and I'm using an I2c display. Most of it works but the parts that don't work are big issues. I'm basically making a homemade Love box and it's able to recieve and sort of read the messsages across the screen. The issues I'm having are: The LCD screen flashes everytime a new character is introuduced onto the screen, the LCD screen stays on even after the message is done being displayed, and when longer messages are sent the second half of the message starts on the screen and the first half of the message comes across the screen.

Here is the code:

#include <Arduino.h>
#include <ESP8266WiFi.h>
#include <ESPAsyncTCP.h>
#include <ESPAsyncWebServer.h>

#include <LiquidCrystal_I2C.h>

LiquidCrystal_I2C lcd(0x27, 16, 2);

String LoveMessage;
bool newMessageReceived;

int screenWidth = 16;
int screenHeight = 2;
int n;
int i;

byte heart[8] = {
  B00000,
  B00000,
  B01010,
  B10101,
  B10001,
  B01010,
  B00100,
  B00000
};

int stringStart, stringStop = 0;
int scrollCursor = screenWidth;

AsyncWebServer server(80);

const int buttonPin = D4;     // the number of the pushbutton pin
const int ledPin =  D0;      // the number of the LED pin
const int ledPin2 =  D3;      // the number of the LED

int brightness = 0;    // how bright the LED is
int fadeAmount = 5;    // how many points to fade the LED by

int buttonState = 0;         // variable for reading the pushbutton

// REPLACE WITH YOUR NETWORK CREDENTIALS
const char* ssid = "ben";
const char* password = "hello";

const char* PARAM_INPUT_1 = "input1";

// HTML web page to handle 1 input fields (input1,)
const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html><head>
  <title>Love Memo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  </head><body>
  <form action="/get">
    Type here your messsage:
    <br> 
    <input type="text" name="input1">
     <input type="submit" value="Send">
  </form>
</body></html>)rawliteral";

void notFound(AsyncWebServerRequest *request) {
  request->send(404, "text/plain", "Not found");
}

void setup() {
  Serial.begin(115200);
  lcd.begin(screenWidth, screenHeight);

  // initialize the LED pin as an output:
  pinMode(ledPin, OUTPUT);
  pinMode(ledPin2, OUTPUT);
  // initialize the pushbutton pin as an input:
  pinMode(buttonPin, INPUT);

  newMessageReceived = false;

  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  if (WiFi.waitForConnectResult() != WL_CONNECTED) {
    Serial.println("WiFi Failed!");
    return;
  }
  Serial.println();
  Serial.print("IP Address: ");
  Serial.println(WiFi.localIP());


  // Send web page with input fields to client
  server.on("/", HTTP_GET, [](AsyncWebServerRequest * request) {
    request->send_P(200, "text/html", index_html);
  });

  // Send a GET request to <ESP_IP>/get?input1=<inputMessage>
  server.on("/get", HTTP_GET, [] (AsyncWebServerRequest * request) {

    String inputParam;
    // GET input1 value on <ESP_IP>/get?input1=<inputMessage>
    if (request->hasParam(PARAM_INPUT_1)) {
      LoveMessage = request->getParam(PARAM_INPUT_1)->value();
      inputParam = PARAM_INPUT_1;
      newMessageReceived = true;
    }
    else {
      LoveMessage = "No message sent";
      inputParam = "none";
    }

    request->send(200, "text/html", "HTTP GET request sent to your Lovebox ("
                  + inputParam + ") with text: " + LoveMessage +
                  "<br><a href=\"/\">Return to Home Page</a>");
  });
  server.onNotFound(notFound);
  server.begin();
}

void loop() {
  buttonState = digitalRead(buttonPin);

  if (newMessageReceived) {
    fade();
    if (buttonState == LOW) {
      digitalWrite(ledPin, LOW);
      digitalWrite(ledPin2, LOW);
      n = (LoveMessage.length() + 17);
      for (i = 0; i < n; i++) {// Loop to do "something" n times
        scrollMessage();
      }
      newMessageReceived = false;
      delay(1000);
      lcd.clear();
    }
  }
}

void fade() {
  analogWrite(ledPin, brightness);
  analogWrite(ledPin2, brightness);

  // change the brightness for next time through the loop:
  brightness = brightness + fadeAmount;

  // reverse the direction of the fading at the ends of the fade:
  if (brightness <= 0 || brightness >= 255) {
    fadeAmount = -fadeAmount;
  }
  delay(30);
}

void scrollMessage() {
  lcd.init();
  lcd.clear();         
  lcd.backlight(); 
  lcd.setCursor(scrollCursor, 1);
  lcd.print(LoveMessage.substring(stringStart, stringStop));
  lcd.createChar(0, heart);
  lcd.setCursor(0, 0);
  lcd.print(char(0));
  lcd.setCursor(2, 0);
  lcd.print(" YOUR LOVER ");
  lcd.setCursor(15, 0);
  lcd.print(char(0));
  delay(250);
  lcd.clear();
  if (stringStart == 0 && scrollCursor > 0) {
    scrollCursor--;
    stringStop++;
  } else if (stringStart == stringStop) {
    stringStart = stringStop = 0;
    scrollCursor = screenWidth;
  } else if (stringStop == LoveMessage.length() && scrollCursor == 0) {
    stringStart++;
  } else {
    stringStart++;
    stringStop++;
  }
  lcd.backlight(); 
}

I would really appreciate any help and thank you!

2

I just read the problems over again and I realized my last problem didn't make any sense, here's what I meant to say --- When a longer message is sent it displays the second half of the message first then after the second half of the message is displayed the first half of the message comes across the screen. I tried putting a video of it in here but this webiste doesn't support the file format

3

This may not be of much help but I suggest you put this code aside and run one of the example sketches that came with your LCD library. Once you get a feel for how the LCD works then go back to your current code.

4

Would you be up to posting just the code that shows your LCD issue? All I could get was <3 YOUR LOVER <3

5

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.