A 10x10 pixels IoT display that can be controlled through a webpage. ESPresso Lite V2.0 and WS2811 Addressable LEDs strip are used in this project, coded with Arduino IDE.
Refer to LEDs Pixel Display for more details. Folder webserver_combine is the sketch for the project.
- Connect to the wifi that the display connected to.
- Open browser.
- Go to pixeldisplay.local/, and you will see a webpage.
- Click the function that you want it to display.
- Built-in image sets such as Pacman, Mario, and Chessboard
- Temperature and weather
- Text
Programmed in C/C++ with Arduino IDE, and some HTML and CSS in between for the webpage.
In this project, ESPresso Lite V2.0 works as the web server for the display because it has the WiFi module. It serves the website to let clients make requests and send the correct codes for display.
For the basic structure, can refer to A Beginner's Guide to the ESP8266.
When "Pacman", "Mario" or "Chessboard" is clicked, the display will display related image set.
LEDs are controlled by FastLED library for image sets. It is easy to use for beginners.
For text display, users need to insert text they want the display to display and click "Display". xD
LEDs are controlled by LEDText library in this features.
When the "Weather" button is clicked, temperature and icon for current weather will be displayed.
The data is from OpenWeatherMap through Weather API with ArduinoJson. Display includes text and weather icons sets, which uses FastLED and LEDText libraries.
- ESP8266WiFi
- WiFiClient
- ESP8266WiFiMulti
- ESP8266mDNS
- ESP8266WebServer