Turn your OBEGRÄNSAD LED Wall Lamp into a live drawing canvas
👉 This software is in an early stage and is my first of its kind. If you have anything to improve, I would be very happy about a PR or an issue :)
⚠ Use this code and instructions at your own risk! The device could be damaged! ⚠
- Persist your drawing
- Rotate image
- Live Drawing
- OTA Update
- Wifi Control
- Web-GUI
- Load an image
- Switch mode by pressing the button
- Modes
- Game of life
- Breakout
- Snake
- Stars
- Lines
- Circle
- Clock
- Weather
- Rain
- Custom Animation with the "Creator"
demo.mp4
You can control the lamp with a supplied web GUI. You can get the IP via serial output or you can search it in your router settings.
First of all. This software was written for the ESP32 Dev Board, but it should work with any other Arduino board as well. You just need to remove the WiFi, OTA and web server related code.
The ESP32 I used:
Verified to work with TTGO LoRa32 V2.1 (T3_V1.6.1).
I'm sorry to say this, but you'll have to pry open the back of your Lamp, as IKEA didn't install regular screws here. I lifted the back with a screwdriver between the screws and pried it open with a second object, but you can also drill out the rivets to avoid breaking the backpanel.
After you open the back, you will see 4 identical plates. These are each equipped with 64 Leds in 4 fields. We are only interested in the lowest one. Here you will find 6 connectors at the bottom edge, to which we connect our board. Above is a microcontroller. You have to remove it, because it contains the standard programs.
- Open folder with VSCode
- Install platformIO (https://marketplace.visualstudio.com/items?itemName=platformio.platformio-ide)
- Set all variables
- Wifi
- Upload
- Your Pins
- Latitude, Longitude, City etc. (https://github.com/chubin/wttr.in)
Variables can be found inside include/constants.h
.
#pragma once
#define WIFI_SSID ""
#define WIFI_PASSWORD ""
#define WIFI_HOSTNAME ""
#define OTA_USERNAME ""
#define OTA_PASSWORD ""
also set username and password inside upload.py
, if you want to use OTA Updates.
Connect them like this and remember to set them in include/constants.h
according to your board.
LCD | ESP32 | TTGO LoRa32 |
---|---|---|
GND | GND | GND |
VCC | 5V | 5V |
EN | GPIO26 | IO22 |
IN | GPIO27 | IO23 |
CLK | GPIO14 | IO02 |
CLA | GPIO12 | IO15 |
BUTTON one end | GPIO16 | IO21 |
BUTTON other end | GND | GND |
-
src
contains the arduino code.- Run it with platform io
- You can uncomment the OTA lines in
platform.ini
if you want. Replace the IP with your device IP.
-
frontend
contains the web code.- First run
npm i
- Set your device IP inside the
.env
file - Start the server with
npm run dev
- Build it with
npm run build
. This command creates thewebgui.cpp
for you.
- First run
-
Build frontend using
Docker
- From the root of the repo, run
docker compose run node
- From the root of the repo, run
[] gifs
[] animation upload
[] use <canvas />
Breakout game https://elektro.turanis.de/html/prj104/index.html